我要评论本文实例讲述了微信小程序使用modal组件弹出对话框功能。分享给大家供大家参考，具体如下：
1、效果展示
2、关键代码
①、index.wxml
<view>提示：{{tip}}</view>
<button type="default" bindtap="showmodal">点击我弹出modal对话框</button>
<view>
<modal title="modal对话框" hidden="{{modalhidden}}" confirm-text="确定" cancel-text="取消" bindconfirm="modalbindaconfirm" bindcancel="modalbindcancel">您好，我是modal对话框</modal>
</view>
②、index.js
page({
data:{
// text:"这是一个页面"
tip:'',
buttondisabled:false,
modalhidden:true,
show:false
},
showmodal:function(){
this.setdata({
modalhidden:!this.data.modalhidden
})
},
modalbindaconfirm:function(){
this.setdata({
modalhidden:!this.data.modalhidden,
show:!this.data.show,
tip:'您点击了【确认】按钮！',
buttondisabled:!this.data.buttondisabled
})
},
modalbindcancel:function(){
this.setdata({
modalhidden:!this.data.modalhidden,
tip:'您点击了【取消】按钮！'
})
}
})
③、完整实例代码点击此处。
希望本文所述对大家微信小程序开发有所帮助。
您可能感兴趣的文章:
如您对本文有疑问或者有任何想说的，请点击进行留言回复，万千网友为您解惑！
网友评论