浅析微信小程序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操作页面表格,元素的一些技巧
Feb 02 Javascript
JQuery从头学起第二讲
Jul 04 Javascript
利用JS实现浏览器的title闪烁
Jul 08 Javascript
jQuery实现文本框输入同步的方法
Jun 20 Javascript
浅谈Javascript中Object与Function对象
Sep 26 Javascript
浏览器环境下JavaScript脚本加载与执行探析之动态脚本与Ajax脚本注入
Jan 19 Javascript
每日十条JavaScript经验技巧(一)
Jun 23 Javascript
JS弹出新窗口被拦截的解决方法
Aug 09 Javascript
switchery按钮的使用方法
Dec 18 Javascript
jquery实现企业定位式导航效果
Jan 01 jQuery
jQuery实现的简单手风琴效果示例
Aug 29 jQuery
JavaScript的Set数据结构详解
Feb 18 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
安装APACHE
2007/01/15 PHP
PHP排序算法之冒泡排序(Bubble Sort)实现方法详解
2018/04/20 PHP
jquery获取table中的某行全部td的内容方法
2013/03/08 Javascript
jquery重新播放css动画所遇问题解决
2013/08/21 Javascript
jquery 缓存问题的几个解决方法
2013/11/11 Javascript
JS往数组中添加项性能分析
2015/02/25 Javascript
JavaScript通过prototype给对象定义属性用法实例
2015/03/23 Javascript
javascript中JSON.parse()与eval()解析json的区别
2016/05/19 Javascript
浅谈javascript中的Function和Arguments
2016/08/30 Javascript
Vue.js实战之通过监听滚动事件实现动态锚点
2017/04/04 Javascript
AngularJS实现的base64编码与解码功能示例
2018/05/17 Javascript
vue js秒转天数小时分钟秒的实例代码
2018/08/08 Javascript
vue项目中实现图片预览的公用组件功能
2018/10/26 Javascript
jQuery中DOM操作原则实例分析
2019/08/01 jQuery
vue数据更新UI不刷新显示的解决办法
2020/08/06 Javascript
[10:18]2018DOTA2国际邀请赛寻真——找回自信的TNCPredator
2018/08/13 DOTA
用map函数来完成Python并行任务的简单示例
2015/04/02 Python
python3实现抓取网页资源的 N 种方法
2017/05/02 Python
python3+PyQt5实现柱状图
2018/04/24 Python
python读写配置文件操作示例
2019/07/03 Python
Pandas之排序函数sort_values()的实现
2019/07/09 Python
Django文件存储 自己定制存储系统解析
2019/08/02 Python
解决Pycharm 包已经下载,但是运行代码提示找不到模块的问题
2019/08/31 Python
Django生成PDF文档显示网页上以及PDF中文显示乱码的解决方法
2019/12/17 Python
Django-rest-framework中过滤器的定制实例
2020/04/01 Python
Keras 快速解决OOM超内存的问题
2020/06/11 Python
Python读取ini配置文件传参的简单示例
2021/01/05 Python
html5小程序飞入购物车(抛物线绘制运动轨迹点)
2020/10/19 HTML / CSS
世界著名的顶级牛排:Omaha Steak(奥马哈牛排)
2016/09/20 全球购物
Aerosoles爱柔仕官网:美国舒软女鞋品牌
2017/07/17 全球购物
新加坡网上化妆品店:Best Buy World
2018/05/18 全球购物
数控专业大学毕业生职业规划范文
2014/02/06 职场文书
实习会计求职自荐信范文
2014/03/10 职场文书
委托证明范本
2014/11/25 职场文书
商标侵权律师函
2015/05/27 职场文书
Ajax异步刷新功能及简单案例
2021/11/20 Javascript