浅析微信小程序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+WebService 校验账号是否已被注册的代码
Jul 12 Javascript
js实现图片放大缩小功能后进行复杂排序的方法
Nov 08 Javascript
javascript的document.referrer浏览器支持、失效情况总结
Jul 18 Javascript
JavaScript阻止事件冒泡示例分享
Dec 28 Javascript
javascript折半查找详解
Jan 26 Javascript
JS实现仿腾讯微博无刷新删除微博效果代码
Oct 16 Javascript
详解javascript函数的参数
Nov 10 Javascript
javascript检查某个元素在数组中的索引值
Mar 30 Javascript
layer弹出层框架alert与msg详解
Mar 14 Javascript
vue基于Element构建自定义树的示例代码
Sep 19 Javascript
解决layui checkbox 提交多个值的问题
Sep 02 Javascript
vue+element 实现商城主题开发的示例代码
Mar 26 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
星际争霸 Starcraft 编年史
2020/03/14 星际争霸
PHP Imagick完美实现图片裁切、生成缩略图、添加水印
2016/02/22 PHP
jQuery 常见开发使用技巧总结
2009/12/26 Javascript
Javascript中获取出错代码所在文件及行数的代码
2010/09/23 Javascript
jquery 圆形旋转图片滚动切换效果
2011/01/19 Javascript
重载toString实现JS HashMap分析
2011/03/13 Javascript
提升你网站水平的jQuery插件集合推荐
2011/04/19 Javascript
jQuery事件绑定.on()简要概述及应用
2013/02/07 Javascript
js弹窗返回值详解(window.open方式)
2014/01/11 Javascript
JavaScript中字符串分割函数split用法实例
2015/04/07 Javascript
JavaScript事件委托实例分析
2015/05/26 Javascript
JS实现网页Div层Clone拖拽效果
2015/09/26 Javascript
EasyUI 中combotree 默认不能选择父节点的实现方法
2016/11/07 Javascript
JS实现的杨辉三角【帕斯卡三角形】算法示例
2019/02/26 Javascript
深度了解vue.js中hooks的相关知识
2019/06/14 Javascript
非常实用的jQuery代码段集锦【检测浏览器、滚动、复制、淡入淡出等】
2019/08/08 jQuery
解决layui表格内文本超出隐藏的问题
2019/09/12 Javascript
layui 数据表格+分页+搜索+checkbox+缓存选中项数据的方法
2019/09/21 Javascript
React组件设计模式之组合组件应用实例分析
2020/04/29 Javascript
Vue环境搭建+VSCode+Win10的详细教程
2020/08/19 Javascript
[01:00:14]2018DOTA2亚洲邀请赛 4.6 淘汰赛 VP vs TNC 第三场
2018/04/10 DOTA
python生成日历实例解析
2014/08/21 Python
Django自定义插件实现网站登录验证码功能
2017/04/19 Python
Python编程实现双链表,栈,队列及二叉树的方法示例
2017/11/01 Python
Python通过matplotlib绘制动画简单实例
2017/12/13 Python
python3.5+tesseract+adb实现西瓜视频或头脑王者辅助答题
2018/01/17 Python
python3爬虫学习之数据存储txt的案例详解
2019/04/24 Python
使用pytorch实现可视化中间层的结果
2019/12/30 Python
详解numpy.ndarray.reshape()函数的参数问题
2020/10/13 Python
linux面试相关问题
2013/04/28 面试题
转预备党员政审材料
2014/02/06 职场文书
银行授权委托书样本
2014/10/13 职场文书
2015年学校党建工作总结
2015/05/19 职场文书
感恩信:写给爸爸妈妈的一封感谢信
2019/09/12 职场文书
Python破解极验滑动验证码详细步骤
2021/05/21 Python
TV动画「神渣☆爱豆」公开第一弹主视觉图
2022/03/21 日漫