微信小程序 modal彈框組件詳解
微信小程序 modal:
這里對微信小程序中 modal組件進(jìn)行詳細(xì)解析,我想開發(fā)微信小程序的小伙伴可以用到,這里小編就記錄下modal的知識要點(diǎn)。
modal
modal類似于javascript中的confirm彈框,默認(rèn)情況下是一個帶有確認(rèn)取消的彈框,不過點(diǎn)擊取消后彈框不會自動隱藏,需要通過觸發(fā)事件調(diào)用函數(shù)來控制hidden屬性。
官方文檔
.wxml
<modal hidden="{{hidden}}" title="這里是title" confirm-text="自定義確定按鈕" cancel-text="自定義取消按鈕" bindcancel="cancel" bindconfirm="confirm" no-cancel="{{nocancel}}"> 這是對話框的內(nèi)容。 </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"); } })
運(yùn)行效果
感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
相關(guān)文章
js面向?qū)ο缶幊蘋OP及函數(shù)式編程FP區(qū)別
這篇文章主要為大家介紹了js面向?qū)ο缶幊蘋OP及函數(shù)式編程FP的區(qū)別詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-07-07