微信小程序新手教程modal組件
微信小程序新手教程modal組件 ,本篇默認(rèn)已經(jīng)成功安裝微信小程序工具,來和小編一起看看吧
modal組件
modal彈出框常用在提示一些信息比如:退出應(yīng)用,清楚緩存,修改資料提交時一些提示等等。
常用屬性:

wxml
彈出modal
title="退出應(yīng)用"
hidden="{{hiddenModal}}"
confirm-text="再看看"
cancel-text="退出"
bindconfirm="listenerConfirm"
bindcancel="listenerCancel" >
您是否真的要退出應(yīng)用
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為頁面跳轉(zhuǎn)所帶來的參數(shù)
},
onReady:function(){
// 頁面渲染完成
},
onShow:function(){
// 頁面顯示
},
onHide:function(){
// 頁面隱藏
},
onUnload:function(){
// 頁面關(guān)閉
}
})
以上就是微信小程序新手教程modal組件教程了
相關(guān)文章:
1. 微信小程序游戲類目開放測試了嗎?微信第三方開發(fā)小游戲什么時候發(fā)布2. 微信小程序怎么顯示在聊天頂部,又如何取消聊天置頂3. 微信小程序的發(fā)展趨勢是什么?微信小程序的發(fā)展趨勢介紹!4. 微信應(yīng)用號與訂閱號、服務(wù)號、企業(yè)號一樣嗎?微信小程序與訂閱號、服務(wù)號、企業(yè)號有什么不同5. 微信小程序體驗 微信小程序體驗權(quán)限6. 微信小程序猜圖達(dá)人答案是什么?微信小程序猜圖達(dá)人答案合集!7. 微信小程序新手教程目錄結(jié)構(gòu)和數(shù)據(jù)綁定8. 手機APP可以直接打開微信小程序嗎?手機APP是否可以直接打開微信小程序?9. Django實現(xiàn)微信小程序支付的示例代碼10. 微信小程序都有什么分類?微信小程序的分類有哪些?