这次给大家带来在微信小程序里添加弹出对话框，在微信小程序里添加弹出对话框的注意事项有哪些，下面就是实战案例，一起来看一下。
关键代码
①、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:'您点击了【取消】按钮！'
})
}
})
相信看了本文案例你已经掌握了方法，更多精彩请关注其它相关文章！
推荐阅读：
js怎么实现隔行变色
easyui的下拉框动态级联加载的实现方法（附代码）
以上就是在微信小程序里添加弹出对话框的详细内容。