浅析微信小程序modal弹窗关闭默认会执行cancel问题
更新时间：2019年10月14日 14:46:24 作者：程序猿联盟
这篇文章主要介绍了小程序modal弹窗关闭默认会执行cancel方法，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
在我们使用小程序的modal组件时候，有的时候会碰到一个问题，那就是弹框的关闭，我们并没有选择取消或确定，而是点击弹框之外的部分，这个时候弹框会关闭，按理来说不会触发取消和确定的绑定事件，但是有的时候点击弹框之外的部分来关闭弹框会触发取消（cancel）绑定的事件，这是为什么呢？
如图是wxml页面
以下是页面对应的js内容
也就是说，就算我们不点击取消，点击弹框之外的部分，也会执行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问题,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
相关文章
这篇文章主要介绍了javascript中使用new与不使用实例化对象的区别的相关资料,需要的朋友可以参考下2015-06-06
地图服务是指可以提供数据信息的接口，比如说本地搜索/路线规划等，下面介绍下百度地图API之本地搜索与范围搜索的相关知识，有需要的小伙伴可以来学习下2015-07-07
这篇文章主要介绍了JS实现的对象去重功能,结合实例形式分析了javascript针对json对象的遍历、判断、运算实现去重功能相关操作技巧,需要的朋友可以参考下2019-06-06
网站底部版权信息区可以用bootstrap的“栅格系统”完成，下面给大家分享一个未经处理的底部版权信息区的样式，大家可以做个参考2016-12-12
作用域（scope）是javascript语言的基石之一，在构建复杂程序时可能是最头痛的东西,所以这里罗列了五句话轻松搞定并且附上了示例。给需要的朋友参考学习。2016-07-07
这篇文章主要介绍了JS+CSS实现实用的单击输入框弹出选择框的方法,实例分析了javascript操作select及button的操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-02-02
这篇文章主要介绍了js判断设备是否为PC并调整图片大小,需要的朋友可以参考下2014-02-02
这篇文章主要介绍了JS小数运算出现多为小数问题的解决方法,需要的朋友可以参考下2016-06-06
这篇文章主要介绍了解决JS内存泄露之js对象和dom对象互相引用问题,需要的朋友可以参考下2017-06-06
这篇文章主要介绍了js创建一个input数组并绑定click事件的方法,需要的朋友可以参考下2014-06-06
最新评论