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隱藏
    })
相關文章
相關標籤/搜索