微信小程序  modal弹框组件详解


Posted in Javascript onOctober 27, 2016

微信小程序  modal:

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

modal

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

官方文档

微信小程序  modal弹框组件详解

.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");
  }
})

运行效果

微信小程序  modal弹框组件详解

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
使用jQuery.fn自定义jQuery翻页插件
Jan 20 Javascript
Egret引擎开发指南之运行项目
Sep 03 Javascript
JavaScript中对DOM节点的访问、创建、修改、删除
Nov 16 Javascript
原生js实现键盘控制div移动且解决停顿问题
Dec 05 Javascript
jQuery实现最简单实用的分秒倒计时
Feb 05 Javascript
详解使用grunt完成requirejs的合并压缩和js文件的版本控制
Mar 02 Javascript
原生js编写2048小游戏
Mar 17 Javascript
详解vue-router传参的两种方式
Sep 10 Javascript
vue全局使用axios的方法实例详解
Nov 22 Javascript
微信小程序自定义导航栏
Dec 31 Javascript
JS基于开关思想实现的数组去重功能【案例】
Feb 18 Javascript
vue中uni-app 实现小程序登录注册功能
Oct 12 Javascript
从0开始学Vue
Oct 27 #Javascript
微信小程序  Mustache语法详细介绍
Oct 27 #Javascript
利用JQuery直接调用asp.net后台的简单方法
Oct 27 #Javascript
JavaScript登录验证码的实现
Oct 27 #Javascript
微信小程序  自定义创建详细介绍
Oct 27 #Javascript
vue中渐进过渡效果实现
Oct 27 #Javascript
基于JS实现横线提示输入验证码随验证码输入消失(js验证码的实现)
Oct 27 #Javascript
You might like
php一句话cmdshell新型 (非一句话木马)
2009/04/18 PHP
谨慎使用PHP的引用原因分析
2012/09/06 PHP
Adnroid 微信内置浏览器清除缓存
2016/07/11 PHP
PHP实现表单提交时去除斜杠的方法
2016/12/26 PHP
写给想学习Javascript的朋友一点学习经验小结
2010/11/23 Javascript
JavaScript弹出窗口方法汇总
2014/08/12 Javascript
jQuery中replaceAll()方法用法实例
2015/01/16 Javascript
简介JavaScript中的sub()方法的使用
2015/06/08 Javascript
Angular.js回顾ng-app和ng-model使用技巧
2016/04/26 Javascript
javascript表单处理具体实现代码(表单、链接、按钮)
2016/05/07 Javascript
JS实现用户注册时获取短信验证码和倒计时功能
2016/10/27 Javascript
JavaScript观察者模式(publish/subscribe)原理与实现方法
2017/03/30 Javascript
详解从零搭建 vue2 vue-router2 webpack3 工程
2017/11/22 Javascript
Vue的路由及路由钩子函数的实现
2019/07/02 Javascript
Vue实现base64编码图片间的切换功能
2019/12/04 Javascript
如何基于layui的laytpl实现数据绑定的示例代码
2020/04/10 Javascript
详细分析vue表单数据的绑定
2020/07/20 Javascript
python实现将元祖转换成数组的方法
2015/05/04 Python
安装dbus-python的简要教程
2015/05/05 Python
python基于urllib实现按照百度音乐分类下载mp3的方法
2015/05/25 Python
python实现识别手写数字 python图像识别算法
2020/03/23 Python
解决python xlrd无法读取excel文件的问题
2018/12/25 Python
dpn网络的pytorch实现方式
2020/01/14 Python
python实现sm2和sm4国密(国家商用密码)算法的示例
2020/09/26 Python
公司薪酬管理制度
2014/01/31 职场文书
音乐教学反思
2014/02/02 职场文书
商场促销活动方案
2014/02/08 职场文书
开工仪式主持词
2014/03/20 职场文书
青年志愿者先进事迹
2014/05/06 职场文书
乡镇组织委员个人整改措施
2014/09/16 职场文书
网络营销计划
2015/01/17 职场文书
餐厅保洁员岗位职责
2015/04/10 职场文书
学校捐款活动总结
2015/05/09 职场文书
毕业典礼致辞
2015/07/29 职场文书
2015年街道办事处团委工作总结
2015/10/14 职场文书
vue项目如何打包之项目打包优化(让打包的js文件变小)
2022/04/30 Vue.js