这次给大家带来在微信小程序里添加弹出对话框，在微信小程序里添加弹出对话框的注意事项有哪些，下面就是实战案例，一起来看一下。
关键代码
①、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的下拉框动态级联加载的实现方法（附代码）
以上就是在微信小程序里添加弹出对话框的详细内容。