這篇文章主要介紹了微信小程式 modal彈框組件詳解的相關資料,並附簡單實例,需要的朋友可以參考下
微信小程式 modal:
這裡對微信小程式中 modal元件進行詳細解析,我想發展微信小程式的夥伴可以用到,這裡小編就記錄下modal的知識要點。
modal
modal類似於javascript中的confirm彈框,預設是帶有確認取消的彈框,不過點擊取消後彈框不會自動隱藏,需要透過觸發事件呼叫函數來控制hidden屬性。
官方文件
.wxml
<modal hidden="{{hidden}}" title="这里是title" confirm-text="自定义确定按钮" cancel-text="自定义取消按钮" bindcancel="cancel" bindconfirm="confirm" no-cancel="{{nocancel}}"> 这是对话框的内容。 </modal>
.js
Page({ data:{ hidden:false, nocancel:false }, cancel: function(){ this.setData({ hidden: true }); }, confirm: function(){ this.setData({ nocancel: !this.data.nocancel }); console.log("clicked confirm"); } })
運行效果
##
以上是微信小程式 modal彈框組件詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!