浅析微信小程序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 相关文章推荐
鼠标移动到图片名上,显示图片的简单实例
Jul 14 Javascript
js实现背景图片感应鼠标变化的方法
Feb 28 Javascript
JavaScript知识点总结(五)之Javascript中两个等于号(==)和三个等于号(===)的区别
May 31 Javascript
第一次接触神奇的Bootstrap菜单和导航
Aug 01 Javascript
RequireJs的使用详解
Feb 19 Javascript
微信小程序遇到修改数据后页面不渲染的问题解决
Mar 09 Javascript
详解AngularJs HTTP响应拦截器实现登陆、权限校验
Apr 11 Javascript
JavaScript 完成注册页面表单校验的实例
Aug 19 Javascript
微信小程序使用checkbox显示多项选择框功能【附源码下载】
Dec 11 Javascript
微信小程序表单验证form提交错误提示效果
Jun 19 Javascript
利用d3.js制作连线动画图与编辑器的方法实例
Sep 05 Javascript
解决LayUI数据表格复选框不居中显示的问题
Sep 25 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中生成标准uuid(guid)的方法
2019/04/28 PHP
jquery DIV撑大让滚动条滚到最底部代码
2013/06/06 Javascript
原生js操作checkbox用document.getElementById实现
2013/10/12 Javascript
Asp.Net alert弹出提示信息的几种方法总结
2014/01/29 Javascript
AngularJS入门教程(二):AngularJS模板
2014/12/06 Javascript
Jquery幻灯片特效代码分享--打开页面随机选择切换方式(3)
2015/08/15 Javascript
Angular2从搭建环境到开发步骤详解
2016/10/17 Javascript
JavaScript给每一个li节点绑定点击事件的实现方法
2016/12/01 Javascript
使用Bootstrap + Vue.js实现添加删除数据示例
2017/02/27 Javascript
详解RequireJS按需加载样式文件
2017/04/12 Javascript
Ionic2调用本地SQlite实例
2017/04/22 Javascript
JavaScript对象_动力节点Java学院整理
2017/06/23 Javascript
JavaScript通过mouseover()实现图片变大效果的示例
2017/12/20 Javascript
ES6使用export和import实现模块化的方法
2018/09/10 Javascript
angularJs中$scope数据序列化的实例
2018/09/30 Javascript
微信小程序实现简单评论功能
2018/11/28 Javascript
jquery获取img的src值实例介绍
2019/01/16 jQuery
微信小程序如何实现点击图片放大功能
2020/01/21 Javascript
Vue数字输入框组件使用方法详解
2020/02/10 Javascript
vue created钩子函数与mounted钩子函数的用法区别
2020/11/05 Javascript
vue 获取url里参数的两种方法小结
2020/11/12 Javascript
python 文件与目录操作
2008/12/24 Python
Python设计模式编程中Adapter适配器模式的使用实例
2016/03/02 Python
python实现简单图书管理系统
2019/11/22 Python
python小程序之4名牌手洗牌发牌问题解析
2020/05/15 Python
Python绘制K线图之可视化神器pyecharts的使用
2021/03/02 Python
预订全球最佳旅行体验:Viator
2018/03/30 全球购物
AVI-8手表美国官方商店:AVI-8 USA
2019/04/10 全球购物
韩国最大的购物网站:Gmarket
2019/06/20 全球购物
英语系毕业生自荐信
2013/10/31 职场文书
硕士研究生自我鉴定
2013/11/08 职场文书
会计专业个人自我鉴定
2014/03/21 职场文书
公安派出所所长四风问题个人对照检查材料
2014/10/04 职场文书
2015年餐厅服务员工作总结
2015/04/23 职场文书
工作后的感想
2015/08/07 职场文书
漫画「处刑少女的生存之道」第3卷封面公开
2022/03/21 日漫