本文實例講述了微信小程序實現的點擊按鈕 彈出底部上拉菜單功能。分享給大家供大家參考，具體如下：

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

})

}

})

運行效果(調試環境問題，顏色出現了偏差，效果湊合看~)：

ps：關于微信小程序組件相關說明還可查看微信小程序組件說明表：

希望本文所述對大家微信小程序開發有所幫助。

如您對本文有疑問或者有任何想說的，請點擊進行留言回復，萬千網友為您解惑！

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的微信小程序点击按钮弹出弹窗_微信小程序实现的点击按钮 弹出底部上拉菜单功能示例...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。