微信小程序使用action-sheet彈出底部菜單的方法

這篇文章將為大家詳細講解有關(guān)微信小程序使用action-sheet彈出底部菜單的方法，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

衢江ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為創(chuàng)新互聯(lián)公司的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：13518219792（備注：SSL證書合作）期待與您的合作！

微信小程序?qū)崿F(xiàn)action-sheet彈出底部菜單功能

1、效果展示

2、關(guān)鍵代碼

① index.wxml

彈出action sheet

  
    {{item.txt}}
  
  取消


  提示：您選擇了菜單{{menu}}

② index.js

Page({
 data:{
  // text:"這是一個頁面"
  actionSheetHidden:true,
  actionSheetItems:[
   {bindtap:'Menu1',txt:'菜單1'},
   {bindtap:'Menu2',txt:'菜單2'},
   {bindtap:'Menu3',txt:'菜單3'}
  ],
  menu:''
 },
 actionSheetTap:function(){
  this.setData({
   actionSheetHidden:!this.data.actionSheetHidden
  })
 },
 actionSheetbindchange:function(){
  this.setData({
   actionSheetHidden:!this.data.actionSheetHidden
  })
 },
 bindMenu1:function(){
  this.setData({
   menu:1,
   actionSheetHidden:!this.data.actionSheetHidden
  })
 },
 bindMenu2:function(){
  this.setData({
   menu:2,
   actionSheetHidden:!this.data.actionSheetHidden
  })
 },
 bindMenu3:function(){
  this.setData({
   menu:3,
   actionSheetHidden:!this.data.actionSheetHidden
  })
 }
})

關(guān)于“微信小程序使用action-sheet彈出底部菜單的方法”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

當(dāng)前文章：微信小程序使用action-sheet彈出底部菜單的方法
當(dāng)前鏈接：http://m.jiaotiyi.com/article/ijphdd.html