wxml

彈出modal

title="退出應用"

hidden="{{hiddenModal}}"

confirm-text="再看看"

cancel-text="退出"

bindconfirm="listenerConfirm"

bindcancel="listenerCancel" >

您是否真的要退出應用

js

Page({

data:{

// text:"這是一個頁面"

hiddenModal: true

},

listenerButton:function() {

this.setData({

hiddenModal: !this.data.hiddenModal

})

},

listenerConfirm:function() {

this.setData({

hiddenModal: true

})

},

listenerCancel:function() {

this.setData({

hiddenModal: true

})

},

onLoad:function(options){

// 頁面初始化 options為頁面跳轉所帶來的參數

},

onReady:function(){

// 頁面渲染完成

},

onShow:function(){

// 頁面顯示

},

onHide:function(){

// 頁面隱藏

},

onUnload:function(){

// 頁面關閉

}

})

以上就是微信小程序新手教程modal組件教程了