浅析微信小程序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的匿名函数来分析几段简单有趣的代码
Jun 29 Javascript
利用google提供的API(JavaScript接口)获取网站访问者IP地理位置的代码详解
Jul 24 Javascript
两个数组去重的JS代码
Dec 04 Javascript
深入理解JavaScript系列(43):设计模式之状态模式详解
Mar 04 Javascript
JS实现支持多选的遍历下拉列表代码
Aug 20 Javascript
使用three.js 画渐变的直线
Jun 05 Javascript
jQuery实现磁力图片跟随效果完整示例
Sep 16 Javascript
基于JavaScript实现表格滚动分页
Nov 22 Javascript
JS中的防抖与节流及作用详解
Apr 01 Javascript
解决Layui当中的导航条动态添加后渲染失败的问题
Sep 25 Javascript
vue-cli3中配置alias和打包加hash值操作
Sep 04 Javascript
VUE-ElementUI 自定义Loading图操作
Nov 11 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下使用以下代码连接并测试
2008/04/09 PHP
逆序二维数组插入一元素的php代码
2012/06/08 PHP
DOM XPATH获取img src值的query
2013/09/23 PHP
实用的PHP带公钥加密类分享(每次加密结果都不一样哦)
2014/08/20 PHP
5款适合PHP使用的HTML编辑器推荐
2015/07/03 PHP
PHP获取本周所有日期或者最近七天所有日期的方法
2018/06/20 PHP
PHP中SESSION过期设置
2021/03/09 PHP
javascript 词法作用域和闭包分析说明
2010/08/12 Javascript
JS中toFixed()方法引起的问题如何解决
2012/11/20 Javascript
JQuery EasyUI 数字格式化处理示例
2014/05/05 Javascript
javascript框架设计之种子模块
2015/06/23 Javascript
jQuery的end()方法使用详解
2015/07/15 Javascript
JavaScript中Boolean对象的属性解析
2015/10/21 Javascript
Vue.js组件tree实现省市多级联动
2016/12/02 Javascript
jquery.cookie.js的介绍与使用方法
2017/02/09 Javascript
vuejs如何配置less
2017/04/25 Javascript
用angular实现多选按钮的全选与反选实例代码
2017/05/23 Javascript
Vue数据绑定简析小结
2019/05/07 Javascript
JavaScript 中判断变量是否为数字的示例代码
2020/10/22 Javascript
用Python编写一个国际象棋AI程序
2014/11/28 Python
在Python的Bottle框架中使用微信API的示例
2015/04/23 Python
详解Python迭代和迭代器
2016/03/28 Python
TensorFlow模型保存/载入的两种方法
2018/03/08 Python
详解tensorflow载入数据的三种方式
2018/04/24 Python
利用arcgis的python读取要素的X,Y方法
2018/12/22 Python
Python搭建HTTP服务过程图解
2019/12/14 Python
appium+python adb常用命令分享
2020/03/06 Python
python简单的三元一次方程求解实例
2020/04/02 Python
英国拖鞋购买网站:Bedroom Athletics
2020/02/28 全球购物
有模特经验的简历自我评价
2013/09/19 职场文书
师范应届生教师求职信
2013/11/05 职场文书
公司活动总结范文
2014/07/01 职场文书
草房子读书笔记
2015/06/29 职场文书
安全知识竞赛主持词
2015/06/30 职场文书
pytorch 运行一段时间后出现GPU OOM的问题
2021/06/02 Python
德劲DE1102数字调谐收音机机评
2022/04/07 无线电