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

運行效果

以上就是本文的全部內容，希望對大家的學習有所幫助，更多相關內容請關注PHP中文網！

相關推薦：

關于微信小程序中彈框和模態框的實現

微信小程序 image組件binderror使用例子與js中onerror的區別分析

關于微信小程序slider的介紹

以上就是關于微信小程序 modal彈框組件的介紹的詳細內容，更多請關注php中文網其它相關文章！