这篇文章给大家分享的是有关微信小程序怎么使用modal组件弹出对话框的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

创新互联长期为1000+客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为抚顺县企业提供专业的网站建设、成都网站设计，抚顺县网站改版等技术服务。拥有十年丰富建站经验和众多成功案例,为您定制开发。

1、效果展示

2、关键代码

①、index.wxml

提示：{{tip}}
点击我弹出modal对话框

 您好，我是modal对话框

②、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:'您点击了【取消】按钮！'
  })
 }
})

感谢各位的阅读！关于“微信小程序怎么使用modal组件弹出对话框”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！

当前名称：微信小程序怎么使用modal组件弹出对话框
网址分享：http://chengdu.cdxwcx.cn/article/gogcdo.html