浅析微信小程序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类库的顶层对象名用户体验分析
Oct 24 Javascript
javascript比较两个日期相差天数的方法
Jul 24 Javascript
javascript实现鼠标放上后下边对应内容变换的效果
Aug 06 Javascript
js右下角弹出提示框示例代码
Jan 12 Javascript
JS组件系列之Bootstrap Icon图标选择组件
Jan 28 Javascript
Sea.JS知识总结
May 05 Javascript
JS+HTML5实现的前端购物车功能插件实例【附demo源码下载】
Oct 17 Javascript
Bootstrap3 模态框使用实例
Feb 22 Javascript
对vue 键盘回车事件的实例讲解
Aug 25 Javascript
详解在不使用ssr的情况下解决Vue单页面SEO问题
Nov 08 Javascript
javascript中数组的常用算法深入分析
Mar 12 Javascript
idea编译器vue缩进报错问题场景分析
Jul 04 Vue.js
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
星际初学者游戏中永远要做的事
2020/03/04 星际争霸
微信公众平台开发教程①获取用户Openid及个人信息图文详解
2019/04/10 PHP
点击隐藏页面左栏或右栏实现js代码
2013/04/01 Javascript
Jquery动态添加及删除页面节点元素示例代码
2014/06/16 Javascript
js选择并转移导航菜单示例代码
2014/08/19 Javascript
js获取页面传来参数的方法
2014/09/06 Javascript
js和jquery实现监听键盘事件示例代码
2020/06/24 Javascript
Vue.js第二天学习笔记(vue-router)
2016/12/01 Javascript
原生js编写焦点图效果
2016/12/08 Javascript
基于JavaScript实现轮播图原理及示例
2020/04/10 Javascript
基于vue2实现上拉加载功能
2017/11/28 Javascript
浅谈Vue2.0父子组件间事件派发机制
2018/01/08 Javascript
解析Angular 2+ 样式绑定方式
2018/01/15 Javascript
在Vue methods中调用filters里的过滤器实例
2018/08/30 Javascript
详解js 创建对象的几种方法
2019/03/08 Javascript
使用 Jest 和 Supertest 进行接口端点测试实例详解
2020/04/25 Javascript
解决vue组件没显示,没起作用,没报错,但该显示的组件没显示问题
2020/09/02 Javascript
基于Vant UI框架实现时间段选择器
2020/12/24 Javascript
[46:20]CHAOS vs Alliacne 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
python中print的不换行即时输出的快速解决方法
2016/07/20 Python
Python中super函数的用法
2017/11/17 Python
Python编写合并字典并实现敏感目录的小脚本
2019/02/26 Python
Django ModelForm组件使用方法详解
2019/07/23 Python
Python facenet进行人脸识别测试过程解析
2019/08/16 Python
通过celery异步处理一个查询任务的完整代码
2019/11/19 Python
python 实现按对象传值
2019/12/26 Python
Python中logging日志库实例详解
2020/02/19 Python
Python安装与卸载流程详细步骤(图解)
2020/02/20 Python
Python基于DB-API操作MySQL数据库过程解析
2020/04/23 Python
建筑工程专业毕业生自荐信
2013/10/19 职场文书
公益活动策划方案
2014/01/09 职场文书
求职简历中自我评价
2014/01/28 职场文书
简单通用的简历自我评价
2014/09/21 职场文书
个人授权委托书范本格式
2014/10/12 职场文书
2015重阳节敬老活动总结
2015/07/29 职场文书
2016入党心得体会范文
2016/01/06 职场文书