浅析微信小程序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 相关文章推荐
js DOM的学习笔记
Dec 22 Javascript
Bootstrap入门书籍之(三)栅格系统
Feb 17 Javascript
Bootstrap每天必学之工具提示(Tooltip)插件
Apr 26 Javascript
Javascript计算二维数组重复值示例代码
Dec 18 Javascript
解决BootStrap Fileinput手机图片上传显示旋转问题
Jun 01 Javascript
js学习总结之DOM2兼容处理重复问题的解决方法
Jul 27 Javascript
JavaScript 中的 this 工作原理
Jun 20 Javascript
微信小程序实现蒙版弹窗效果
Nov 01 Javascript
微信小程序实现用table显示数据库反馈的多条数据功能示例
May 07 Javascript
vue项目部署到nginx/tomcat服务器的实现
Aug 26 Javascript
Vue.js组件props数据验证实现详解
Oct 19 Javascript
Node.js API详解之 vm模块用法实例分析
May 27 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 stripslashes和addslashes的区别
2014/02/03 PHP
php的SimpleXML方法读写XML接口文件实例解析
2014/06/16 PHP
支持汉转拼和拼音分词的PHP中文工具类ChineseUtil
2018/02/23 PHP
javascript instanceof 内部机制探析
2010/10/15 Javascript
EasyUI的treegrid组件动态加载数据问题的解决办法
2011/12/11 Javascript
JS继承--原型链继承和类式继承
2013/04/08 Javascript
Extjs407 getValue()和getRawValue()区别介绍
2013/05/21 Javascript
简约JS日历控件 实例代码
2013/07/12 Javascript
jQuery 设置 CSS 属性示例介绍
2014/01/16 Javascript
JavaScript中this详解
2015/09/01 Javascript
详解js界面跳转与值传递
2016/11/22 Javascript
javascript prototype原型详解(比较基础)
2016/12/26 Javascript
Angular2 PrimeNG分页模块学习
2017/01/14 Javascript
详解如何在Angular中快速定位DOM元素
2017/05/17 Javascript
js装饰设计模式学习心得
2018/02/17 Javascript
原生js调用json方法总结
2018/02/22 Javascript
express 项目分层实践详解
2018/12/10 Javascript
详解Bootstrap 学习(一)入门
2019/04/12 Javascript
使用python解析xml成对应的html示例分享
2014/04/02 Python
Python检测QQ在线状态的方法
2015/05/09 Python
python生成验证码图片代码分享
2016/01/28 Python
用python3教你任意Html主内容提取功能
2018/11/05 Python
python实现一个简单的udp通信的示例代码
2019/02/01 Python
解决Python pip 自动更新升级失败的问题
2020/02/21 Python
Python如何脚本过滤文件中的注释
2020/05/27 Python
美国正宗奢华复古手袋、珠宝及配饰网站:What Goes Around Comes Around
2018/07/21 全球购物
《乌塔》教学反思
2014/02/17 职场文书
幼儿教师寄语集锦
2014/04/03 职场文书
美容院经理岗位职责
2014/04/03 职场文书
城市创卫标语
2014/06/17 职场文书
汽车运用工程专业求职信
2014/06/18 职场文书
七一建党节演讲稿
2014/09/11 职场文书
业务员年终工作总结2015
2015/05/28 职场文书
毕业论文指导老师意见
2015/06/04 职场文书
Redis 操作多个数据库的配置的方法实现
2022/03/23 Redis
使用Postman测试需要授权的接口问题
2022/06/21 Java/Android