微信小程序之model弹框

小程序model表达形式一般有两种：

1. 第一种：

wxml：
<button type="primary" bindtap="click">按钮</button>
<modal class="modal"  title='这是标题' confirm-text="确认" hidden="{{modalHidden}}" cancel-text="取消" bindcancel='modalCancel' bindconfirm='modalConfirm'>
这里是内容
</modal>

js：
Page({
  data: {
      modalHidden:true 
  }, 

  click:function(){
      
      this.setData({
          modalHidden:!modalHidden
        });

  },

  //模态框取消
  modalCancel(){
    wx.showToast({
      title: '取消提交',
      icon:'none'
    })
    this.setData({
      modalHidden:true, //都可以
    })
  },
})

2. 第二种：

js不同：

click:function(){
    wx.showModal({
        title: '提示',
        content: '这是一个弹窗',
        success: function(res) {
           if (res.confirm) {
              console.log('用户点击确定')
           } else if (res.cancel) {
              console.log('用户点击取消')
           }
        }
    })
}