微信小程序新手教程modal组件

　　微信小程序新手教程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组件教程了