微信小程序之----彈框組件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");
    }
})        

• 運行效果