微信小程序 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"); }}) 運行效果

感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
新聞熱點
疑難解答