微信小程序新手教程modal組件
微信小程序新手教程modal組件 ，本篇默認(rèn)已經(jīng)成功安裝微信小程序工具，來和小編一起看看吧
modal組件
modal彈出框常用在提示一些信息比如：退出應(yīng)用，清楚緩存，修改資料提交時(shí)一些提示等等。
常用屬性：
wxml
彈出modal
title="退出應(yīng)用"
hidden="{{hiddenModal}}"
confirm-text="再看看"
cancel-text="退出"
bindconfirm="listenerConfirm"
bindcancel="listenerCancel" >
您是否真的要退出應(yīng)用
js
Page({
data:{
// text:"這是一個(gè)頁面"
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. 微信小程序燒腦吃雞題目答案是什么？微信小程序燒腦吃雞題目答案一覽！2. 微信小程序內(nèi)測 微信小程序內(nèi)測時(shí)間3. 微信小程序開源項(xiàng)目匯總介紹4. java微信小程序步數(shù)encryptedData和開放數(shù)據(jù)解密的實(shí)現(xiàn)5. 微信小程序怎么顯示在聊天頂部，又如何取消聊天置頂6. 如何做一個(gè)微信小程序開發(fā)？微信小程序開發(fā)教程7. 微信小程序游戲連連線通關(guān)技巧是什么？微信小程序游戲連連線通關(guān)技巧介紹！8. 微信小程序新手教程之怎么實(shí)現(xiàn)消息交互9. 微信小程序怎么使用?微信小程序介紹！10. 微信小程序新手教程之快速創(chuàng)建頁面和正則使用
網(wǎng)公網(wǎng)安備