浅析微信小程序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 相关文章推荐
javascript HTMLEncode HTMLDecode的完整实例(兼容ie和火狐)
Jun 02 Javascript
Extjs3.0 checkboxGroup 动态添加item实现思路
Aug 14 Javascript
深入理解JavaScript系列(34):设计模式之命令模式详解
Mar 03 Javascript
JavaScript的jQuery库中function的存在和参数问题
Aug 13 Javascript
利用jQuery来动态为属性添加或者删除属性的简单方法
Dec 02 Javascript
jquery实现文本框的禁用和启用
Dec 07 Javascript
JavaScript中的this陷阱的最全收集并整理(没有之一)
Feb 21 Javascript
AngularJS实现进度条功能示例
Jul 05 Javascript
30分钟精通React今年最劲爆的新特性——React Hooks
Mar 11 Javascript
JQuery常见节点操作实例分析
May 15 jQuery
JavaScript 装逼指南(js另类写法)
May 10 Javascript
vue 使用饿了么UI仿写teambition的筛选功能
Mar 01 Vue.js
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中根据某年第几天计算出日期年月日的代码
2011/02/24 PHP
常用PHP框架功能对照表
2014/10/23 PHP
PHP写日志的实现方法
2014/11/05 PHP
Linux操作系统安装LAMP环境
2015/06/26 PHP
CI框架(CodeIgniter)实现的导入、导出数据操作示例
2018/05/24 PHP
对YUI扩展的Gird组件 Part-1
2007/03/10 Javascript
js 调整select 位置的函数
2008/02/21 Javascript
javascript下string.format函数补充
2010/08/24 Javascript
javascript 隔行换色函数代码
2010/10/24 Javascript
Javascript在IE下设置innerHTML时出现未知的运行时错误的解决方法
2011/01/12 Javascript
使用Firebug对js进行断点调试的图文方法
2011/04/02 Javascript
jQuery学习笔记(3)--用jquery(插件)实现多选项卡功能
2013/04/08 Javascript
JavaScript instanceof 的使用方法示例介绍
2013/10/23 Javascript
js中的内部属性与delete操作符介绍
2015/08/10 Javascript
高性能JavaScript循环语句和条件语句
2016/01/20 Javascript
浅谈jquery之on()绑定事件和off()解除绑定事件
2016/10/26 Javascript
禁用backspace网页回退功能的实现代码
2016/11/15 Javascript
jQuery插件扩展实例【添加回调函数】
2016/11/26 Javascript
ES6概念 Symbol.keyFor()方法
2016/12/25 Javascript
微信小程序 数据交互与渲染实例详解
2017/01/21 Javascript
Node.js中 __dirname 的使用介绍
2017/06/19 Javascript
微信小程序列表时间戳转换实现过程解析
2019/10/12 Javascript
浅析python 中__name__ = '__main__' 的作用
2014/07/05 Python
Python二维码生成库qrcode安装和使用示例
2014/12/16 Python
python中print的不换行即时输出的快速解决方法
2016/07/20 Python
Python数字图像处理之霍夫线变换实现详解
2018/01/12 Python
详解Python中pandas的安装操作说明(傻瓜版)
2019/04/08 Python
python实现画出e指数函数的图像
2019/11/21 Python
Python如何实现爬取B站视频
2020/05/20 Python
用python读取xlsx文件
2020/12/17 Python
Joules美国官网:出色的英国风格
2017/10/30 全球购物
Tiqets荷兰:出售欧洲最美丽的景点和博物馆门票
2018/01/09 全球购物
巴西美妆购物网站:Kutiz Beauté
2019/03/13 全球购物
捐款活动总结
2014/08/27 职场文书
党的群众路线教育实践活动批评与自我批评范文
2014/10/16 职场文书
golang内置函数len的小技巧
2021/07/25 Golang