微信小程序 modal彈框組件詳解
更新時間:2016年10月27日 09:55:25 投稿:lqh
這篇文章主要介紹了微信小程序 modal彈框組件詳解的相關(guān)資料,并附簡單實例,需要的朋友可以參考下
微信小程序 modal:
這里對微信小程序中 modal組件進行詳細解析,我想開發(fā)微信小程序的小伙伴可以用到,這里小編就記錄下modal的知識要點。
modal
modal類似于javascript中的confirm彈框,默認情況下是一個帶有確認取消的彈框,不過點擊取消后彈框不會自動隱藏,需要通過觸發(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"); } })
運行效果
感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
相關(guān)文章
js面向?qū)ο缶幊蘋OP及函數(shù)式編程FP區(qū)別
這篇文章主要為大家介紹了js面向?qū)ο缶幊蘋OP及函數(shù)式編程FP的區(qū)別詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-07-07