浅析微信小程序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获取变量
Aug 24 Javascript
JS+DIV实现鼠标划过切换层效果的方法
May 25 Javascript
js数组去重的5种算法实现
Nov 04 Javascript
深究AngularJS如何获取input的焦点(自定义指令)
Jun 12 Javascript
详解利用jsx写vue组件的方法示例
Jul 17 Javascript
vue watch普通监听和深度监听实例详解(数组和对象)
Aug 16 Javascript
layui 设置table 行的高度方法
Aug 17 Javascript
微信小程序中的店铺评分组件及vue中用svg实现的评分显示组件
Nov 16 Javascript
微信小程序云开发之模拟后台增删改查
May 16 Javascript
过滤器vue.filters的使用方法实现
Sep 18 Javascript
基于vue+echarts 数据可视化大屏展示的方法示例
Mar 09 Javascript
JS实现多功能计算器
Oct 28 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
将文件夹压缩成zip文件的php代码
2009/12/14 PHP
js 如何实现对数据库的增删改查
2012/11/23 Javascript
iframe 上下滚动条如何默认在下方实现原理
2012/12/10 Javascript
js计算字符串长度包含的中文是utf8格式
2013/10/15 Javascript
JS不能跨域借助jquery获取IP地址的方法
2014/08/20 Javascript
使用jQuery实现input数值增量和减量的方法
2015/01/24 Javascript
详解iframe与frame的区别
2016/01/13 Javascript
Javascript函数中的arguments.callee用法实例分析
2016/09/16 Javascript
利用ES6的Promise.all实现至少请求多长时间的实例
2017/08/28 Javascript
详解angularjs 学习之 scope作用域
2018/01/15 Javascript
webpack css加载和图片加载的方法示例
2018/09/11 Javascript
vue中实现高德定位功能
2019/12/03 Javascript
JavaScript计算出两个数的差值
2020/03/19 Javascript
Vue 基于 vuedraggable 实现选中、拖拽、排序效果
2020/05/18 Javascript
Python3 入门教程 简单但比较不错
2009/11/29 Python
Django集成百度富文本编辑器uEditor攻略
2014/07/04 Python
Python写的一个定时重跑获取数据库数据
2016/12/28 Python
Pyinstaller将py打包成exe的实例
2018/03/31 Python
详解Appium+Python之生成html测试报告
2019/01/04 Python
python super的使用方法及实例详解
2019/09/25 Python
使用Python生成200个激活码的实现方法
2019/11/22 Python
Python高级特性——详解多维数组切片(Slice)
2019/11/26 Python
利用 PyCharm 实现本地代码和远端的实时同步功能
2020/03/23 Python
Java ExcutorService优雅关闭方式解析
2020/05/30 Python
python中用Scrapy实现定时爬虫的实例讲解
2021/01/18 Python
一套Java笔试题
2016/08/20 面试题
Java面试题:Java类的Main方法如果是Private将会怎么样
2016/08/18 面试题
留学推荐信怎么写
2014/01/25 职场文书
旺仔牛奶广告词
2014/03/20 职场文书
《称象》教学反思
2014/04/25 职场文书
2015年科室工作总结
2015/04/10 职场文书
第一节英语课开场白
2015/06/01 职场文书
MySQL kill不掉线程的原因
2021/05/07 MySQL
使用python+pygame开发消消乐游戏附完整源码
2021/06/10 Python
教你使用VS Code的MySQL扩展管理数据库的方法
2022/01/22 MySQL
python实现会员管理系统
2022/03/18 Python