浅析微信小程序modal弹窗关闭默认会执行cancel问题


Posted in Javascript onOctober 14, 2019

在我们使用小程序的modal组件时候,有的时候会碰到一个问题,那就是弹框的关闭,我们并没有选择取消或确定,而是点击弹框之外的部分,这个时候弹框会关闭,按理来说不会触发取消和确定的绑定事件,但是有的时候点击弹框之外的部分来关闭弹框会触发取消(cancel)绑定的事件,这是为什么呢?

如图是wxml页面

浅析微信小程序modal弹窗关闭默认会执行cancel问题

以下是页面对应的js内容

浅析微信小程序modal弹窗关闭默认会执行cancel问题

也就是说,就算我们不点击取消,点击弹框之外的部分,也会执行modelCancel方法。

后来发现,是header头的content-type在作怪,我们把header头里的content-type值改为application/json,再测试就没有问题了,关闭弹窗不再执行modelCancel。或者直接把header改为(去掉content-type,用默认的数据提交方式,也就是application/json)

var header = {
 'cookie': wx.getStorageSync("sessionid")
}

一个wx.request请求,必填项只有url,其他都是非必填。如图;

浅析微信小程序modal弹窗关闭默认会执行cancel问题

总结

以上所述是小编给大家介绍的浅析微信小程序modal弹窗关闭默认会执行cancel问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

Javascript 相关文章推荐
基于jquery的一个简单的脚本验证插件
Apr 05 Javascript
js+html+css实现鼠标移动div实例
Jan 30 Javascript
ext中store.load跟store.reload的区别示例介绍
Jun 17 Javascript
js实现精美的图片跟随鼠标效果实例
May 16 Javascript
jQuery+CSS3折叠卡片式下拉列表框实现效果
Nov 02 Javascript
js实现有过渡渐变效果的图片轮播相册(兼容IE,ff)
Jan 19 Javascript
简单掌握JavaScript中const声明常量与变量的用法
May 21 Javascript
详解AngularJs路由之Ui-router-resolve(预加载)
Jun 13 Javascript
用node和express连接mysql实现登录注册的实现代码
Jul 05 Javascript
vue使用技巧及vue项目中遇到的问题
Jun 04 Javascript
JavaScript类的继承操作实例总结
Dec 20 Javascript
JS实现手写 forEach算法示例
Apr 29 Javascript
vue实现百度语音合成的实例讲解
Oct 14 #Javascript
vue中进行微博分享的实例讲解
Oct 14 #Javascript
深入理解基于vue-cli的webpack打包优化实践及探索
Oct 14 #Javascript
Vue3.0 响应式系统源码逐行分析讲解
Oct 14 #Javascript
微信小程序 textarea 层级过高问题简单解决方案
Oct 14 #Javascript
vue的路由映射问题及解决方案
Oct 14 #Javascript
浅谈Vue为什么不能检测数组变动
Oct 14 #Javascript
You might like
php 远程图片保存到本地的函数类
2008/12/08 PHP
phpinfo() 中 Local Value(局部变量)Master Value(主变量) 的区别
2016/02/03 PHP
让ThinkPHP的模板引擎达到最佳效率的方法详解
2017/03/14 PHP
xmlHTTP实例
2006/10/24 Javascript
JavaScript 面向对象的 私有成员和公开成员
2010/05/13 Javascript
jQuery判断元素是否是隐藏的代码
2011/04/24 Javascript
jQuery 淡出一个图像到另一个图像的实现代码
2013/06/12 Javascript
jquery实现metro效果示例代码
2013/09/06 Javascript
JavaScript中的document.referrer在各种浏览器测试结果
2014/07/18 Javascript
JQuery复制DOM节点的方法
2015/06/11 Javascript
个人网站留言页面(前端jQuery编写、后台php读写MySQL)
2016/05/03 Javascript
JQuery Mobile 弹出式登录框的实现方法
2016/05/28 Javascript
BootStrap中jQuery插件Carousel实现轮播广告效果
2017/03/27 jQuery
javascript帧动画(实例讲解)
2017/09/02 Javascript
jQuery选择器之基本过滤选择器用法实例分析
2019/02/19 jQuery
ES6基础之默认参数值
2019/02/21 Javascript
jQuery实现的导航条点击后高亮显示功能示例
2019/03/04 jQuery
python插入排序算法的实现代码
2013/11/21 Python
Python sqlite3事务处理方法实例分析
2017/06/19 Python
python删除服务器文件代码示例
2018/02/09 Python
Django读取Mysql数据并显示在前端的实例
2018/05/27 Python
完美解决Python 2.7不能正常使用pip install的问题
2018/06/12 Python
Python实现爬取亚马逊数据并打印出Excel文件操作示例
2019/05/16 Python
Django中多种重定向方法使用详解
2019/07/17 Python
python Plotly绘图工具的简单使用
2020/03/03 Python
pycharm软件实现设置自动保存操作
2020/06/08 Python
HTML5、Select下拉框右边加图标的实现代码(增进用户体验)
2017/10/16 HTML / CSS
函授毕业生自我鉴定
2013/11/06 职场文书
酒店个人求职信范文
2014/01/25 职场文书
预备党员承诺书
2014/03/25 职场文书
建筑安全生产目标责任书
2014/07/23 职场文书
学生会工作感言
2015/08/07 职场文书
贷款担保书范本
2015/09/22 职场文书
2016年万圣节家长开放日活动总结
2016/04/05 职场文书
Django 如何实现文件上传下载
2021/04/08 Python
springboot+WebMagic+MyBatis爬虫框架的使用
2021/08/07 Java/Android