微信小程序 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中文網其它相關文章！