微信小程序 modal组件详细介绍
modal弹出框常用在提示一些信息比如：退出应用，清楚缓存，修改资料提交时一些提示等等。
常用属性：
wxml
<!--监听button点击事件-->
<button bindtap="listenerButton" type="primary">弹出modal</button>
<!--弹出框-->
<modal
title="退出应用"
hidden="{{hiddenModal}}"
confirm-text="再看看"
cancel-text="退出"
bindconfirm="listenerConfirm"
bindcancel="listenerCancel" >
您是否真的要退出应用
</modal>
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(){
// 页面关闭
}
})
相关文章：
hello WeApp icon组件
Window text组件 switch组件
tabBar底部导航 progress组件 action-sheet
应用生命周期 button组件 modal组件
页面生命周期 checkbox组件 toast组件
模块化详 form组件详 loading 组件
数据绑定 input 组件 navigator 组件
View组件 picker组件 audio 组件
scroll-view组件 radio组件 video组件
swiper组件 slider组件 Image组件
相关文章
这篇文章主要为大家介绍了wasm+js实现md5文件获取示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-08-08
这篇文章主要介绍了微信小程序 slider的简单实例的相关资料,需要的朋友可以参考下2017-04-04
这篇文章主要介绍了JavaScript原型Prototype，在JavaScript中，函数是一个包含属性和方法的Function类型的对象。而原型（Prototype ）就是Function类型对象的一个属性。具体内容需要的朋友可以参考下面文章的介绍2021-12-12
这篇文章主要介绍了微信小程序icon组件详细介绍的相关资料,需要的朋友可以参考下2016-09-09
本文主要介绍Google 地图叠加层,这里帮大家整理了Google地图叠加层一些实用代码并详细介绍了相关知识，有需要的小伙伴可以参考下2016-08-08
这篇文章主要介绍了微信小程序的生命周期的详解的相关资料,希望通过本文能帮助到大家，需要的朋友可以参考下2017-10-10
这篇文章主要为大家介绍了JS实现刷新网页后之前浏览位置保持不变示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-08-08
这篇文章主要为大家介绍了微前端框架qiankun源码剖析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-02-02
three.js-结合dat.gui实现界面可视化修改及调试详解
这篇文章主要为大家介绍了three.js-结合dat.gui实现界面可视化修改及调试详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-02-02
这篇文章主要为大家介绍了dotenv源码解读从.env文件中读取环境变量示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-12-12
最新评论