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(){
- // 页面关闭
- }
- })
1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，请转载时务必注明文章作者和来源，不尊重原创的行为我们将追究责任；3.作者投稿可能会经我们编辑修改或补充。
相关文章-
微信小程序 轮播图 swiper图片组件
2016-11-23 09:49
-
微信小程序 开发 微信开发者工具 快捷键
2016-11-23 09:49
-
微信小程序 页面跳转 传递参数
2016-11-23 09:49
-
微信小程序 如何获取时间
2016-11-23 09:49
网友点评
精彩导读
热门资讯
关注我们
关注微信公众号，了解最新精彩内容
