微信小程序中modal弹框组件的示例分析

小编给大家分享一下微信小程序中modal弹框组件的示例分析,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

10年积累的网站设计制作、网站设计经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先建设网站后付款的网站建设流程,更有揭东免费网站建设让你可以放心的选择与我们合作。

微信小程序  modal:

这里对微信小程序中 modal组件进行详细解析,我想开发微信小程序的小伙伴可以用到,这里小编就记录下modal的知识要点。

modal

modal类似于javascript中的confirm弹框,默认情况下是一个带有确认取消的弹框,不过点击取消后弹框不会自动隐藏,需要通过触发事件调用函数来控制hidden属性。

官方文档

微信小程序中modal弹框组件的示例分析

.wxml


  这是对话框的内容。

.js

Page({
  data:{
    hidden:false,
    nocancel:false
  },
  cancel: function(){
    this.setData({
       hidden: true
    });
  },
  confirm: function(){
    this.setData({
       nocancel: !this.data.nocancel
    });  
    console.log("clicked confirm");
  }
})

运行效果

微信小程序中modal弹框组件的示例分析

看完了这篇文章,相信你对“微信小程序中modal弹框组件的示例分析”有了一定的了解,如果想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


名称栏目:微信小程序中modal弹框组件的示例分析
文章来源:http://myzitong.com/article/pjghji.html