微信小程序新手教程modal組件
微信小程序新手教程modal組件 ，本篇默認(rèn)已經(jīng)成功安裝微信小程序工具，來(lái)和小編一起看看吧
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è)頁(yè)面"
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){
// 頁(yè)面初始化 options為頁(yè)面跳轉(zhuǎn)所帶來(lái)的參數(shù)
},
onReady:function(){
// 頁(yè)面渲染完成
},
onShow:function(){
// 頁(yè)面顯示
},
onHide:function(){
// 頁(yè)面隱藏
},
onUnload:function(){
// 頁(yè)面關(guān)閉
}
})
以上就是微信小程序新手教程modal組件教程了
相關(guān)文章：
1. 微信怎么群發(fā)小程序？微信小程序群發(fā)設(shè)置步驟2. 微信小程序8月份排行榜有哪些？微信小程序8月份排行榜介紹！4. 怎么通過(guò)微信小程序查詢(xún)高考成績(jī)？微信小程序查詢(xún)高考成績(jī)方法介紹！5. 微信小程序游戲類(lèi)目開(kāi)放測(cè)試了嗎？微信第三方開(kāi)發(fā)小游戲什么時(shí)候發(fā)布6. 微信小程序開(kāi)通方法是？如何注冊(cè)微信小程序？7. 支付寶小程序和微信小程序區(qū)別對(duì)比8. 微信大家來(lái)找茬圖片及答案 微信小程序大家來(lái)找茬圖片答案9. 微信表白小程序有哪些？微信小程序520表白神器推薦10. 微信小程序“與你見(jiàn)字如面”怎么使用？
網(wǎng)公網(wǎng)安備