微信小程序 modal弹框组件详解
更新时间：2016年10月27日 09:55:25 投稿：lqh
这篇文章主要介绍了微信小程序 modal弹框组件详解的相关资料,并附简单实例,需要的朋友可以参考下
微信小程序 modal：
这里对微信小程序中 modal组件进行详细解析，我想开发微信小程序的小伙伴可以用到，这里小编就记录下modal的知识要点。
modal
modal类似于javascript中的confirm弹框，默认情况下是一个带有确认取消的弹框，不过点击取消后弹框不会自动隐藏，需要通过触发事件调用函数来控制hidden属性。
官方文档
.wxml
<modal hidden="{{hidden}}" title="这里是title" confirm-text="自定义确定按钮" cancel-text="自定义取消按钮" bindcancel="cancel" bindconfirm="confirm" no-cancel="{{nocancel}}">
这是对话框的内容。
</modal>
.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");
}
})
运行效果
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
相关文章
Servlet3.0与纯javascript通过Ajax交互的实例详解
Servlet与纯javascript通过Ajax交互,对于很多人来说应该很简单。不过还是写写，方便Ajax学习的后来者2018-03-03
这篇文章主要介绍了微信小程序 页面跳转及数据传递详解的相关资料,需要的朋友可以参考下2017-03-03
这篇文章主要介绍了微信小程序 wxapp画布 canvas的相关资料,需要的朋友可以参考下2016-10-10
微信小程序上滑加载下拉刷新（onscrollLower）分批加载数据（一）
这篇文章主要介绍了微信小程序上滑加载下拉刷新（onscrollLower）分批加载数据的相关资料,需要的朋友可以参考下2017-05-05
JavaScript国际化API格式化数据Intl.NumberFormat使用讲解
这篇文章主要为大家介绍了JavaScript国际化API格式化数据Intl.NumberFormat使用讲解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-06-06
这篇文章主要为大家介绍了JS数据分析数据去重及参数序列化示例，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-08-08
这篇文章主要为大家介绍了JS前端常见的竞态问题解决方法详解，阅读完本文，你将会知道：什么是竞态问题；通常出现在哪些场景；解决竞态问题有哪些方法，希望能够有所帮助，祝大家多多进步，早日升职加薪的相关资料2022-08-08
这篇文章主要为大家介绍了reduce探索lodash.reduce实现原理示例解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-02-02
这篇文章主要为大家介绍了JavaScript前端分页实现示例，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
数组是我们日常工作中用的最频繁的一类数据结构，能帮助我们解决许多问题，而其本身也包含接近33个之多的方法，做了一个脑图分类如下，熟练使用数组的你，是否想知道他们内部的实现原理呢？接下来小编就带大家进入主题，希望能帮助到你2021-09-09
最新评论