文章詳情頁
微信小程序新手教程modal組件
瀏覽：144日期：2022-07-16 09:26:06
微信小程序新手教程modal組件 ，本篇默認已經成功安裝微信小程序工具，來和小編一起看看吧
modal組件
modal彈出框常用在提示一些信息比如：退出應用，清楚緩存，修改資料提交時一些提示等等。
常用屬性：
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組件教程了
標簽：
微信
上一條：微信小程序怎么測試？微信小程序測試方法下一條：微信小程序開源項目匯總介紹
相關文章：
1. 微信小程序中的瘋狂猜表情GO正確答案是什么？微信小程序中的瘋狂猜表情GO正確答案一覽！2. 有哪些好用的微信小程序？好用的微信小程序盤點！3. 微信小程序胡撩包你懂我要怎么提現？微信小程序胡撩包你懂我要提現方法盤點！4. 微信小程序怎么賺錢？微信小程序紅利在哪？5. 如何做一個微信小程序開發？微信小程序開發教程6. 微信小程序糖糖爆破小游戲怎么玩？微信小程序糖糖爆破小游戲玩法介紹！7. Django實現微信小程序支付的示例代碼8. 微信小程序做好了要怎么推廣？微信小程序推廣如何做？9. 微信怎么制作二維碼表白？微信小程序二維碼表白教程10. 微信小程序新手教程之加載中提示框loading
排行榜
網公網安備