IT的开始之路——微信小程序(2)

提示框:modal (只是简单的应用--点击“退出”或是“ok”按钮则隐藏modal):html

在 .wxml函数

<modal 
    title="退出测试"
     hidden="{{hiddenModal}}"
     confirm-text="ok"
     cancel-text="退出"
     bindconfirm="listenerConfirm"
     bindcancel="listenerCancel" >
     您是否真的要退出应用
</modal>

 listenerConfirm & listenerCancel函数:在相应的js中测试

data: {
    hiddenModal: false//一开始就显示modal
  },

 

listenerConfirm: function () {
    this.setData({
      hiddenModal: true//将modal隐藏
    })
  },

  listenerCancel: function () {
    this.setData({
      hiddenModal: true//将modal隐藏
    })
相关文章
相关标签/搜索