微信小程序怎么使用modal组件弹出对话框-成都快上网建站

微信小程序怎么使用modal组件弹出对话框

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

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

1、效果展示

微信小程序怎么使用modal组件弹出对话框

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://kswjz.com/article/gogcdo.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流