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

• 運作效果