浅析微信小程序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 OOP类与继承
Nov 15 Javascript
jquery tab插件制作实现代码
Jun 22 Javascript
JS图片自动轮换效果实现思路附截图
Apr 30 Javascript
14个有用的Jquery技巧分享
Jan 08 Javascript
JavaScript使用DeviceOne开发实战(一) 配置和起步
Dec 01 Javascript
jquery轮播的实现方式 附完整实例
Jul 28 Javascript
Web前端框架bootstrap实战【第一次接触使用】
Dec 28 Javascript
json数据传到前台并解析展示成列表的方法
Aug 06 Javascript
Element-UI中Upload上传文件前端缓存处理示例
Feb 21 Javascript
详解从0开始搭建微信小程序(前后端)的全过程
Apr 15 Javascript
解决vue2中使用elementUi打包报错的问题
Sep 22 Javascript
JavaScript实现缓动动画
Nov 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.ini 配置文件的深入解析
2013/06/17 PHP
php 在windows下配置虚拟目录的方法介绍
2013/06/26 PHP
php网页病毒清除类
2014/12/08 PHP
提交表单后 PHP获取提交内容的实现方法
2016/05/25 PHP
PHP实现基于栈的后缀表达式求值功能
2017/11/10 PHP
php新建文件的方法实例
2019/09/26 PHP
在VS2008中使用jQuery智能感应的方法
2010/12/30 Javascript
来自国外的30个基于jquery的Web下拉菜单
2012/06/22 Javascript
输入自动提示搜索提示功能的javascript:sugggestion.js
2013/09/02 Javascript
javascript静态页面传值的三种方法分享
2013/11/12 Javascript
js选项卡的实现方法
2015/02/09 Javascript
js实现的奥运倒计时时钟效果代码
2015/12/09 Javascript
Node.js 应用跑得更快 10 个技巧
2016/04/03 Javascript
js仿淘宝和百度文库的评分功能
2016/05/15 Javascript
JavaScript仿微博发布信息案例
2016/11/16 Javascript
js实现简单的获取验证码按钮效果
2017/03/03 Javascript
详解angularjs获取元素以及angular.element()用法
2017/07/25 Javascript
vue使用vue-cli快速创建工程
2017/07/28 Javascript
axios如何利用promise无痛刷新token的实现方法
2019/08/27 Javascript
js面向对象方式实现拖拽效果
2021/03/03 Javascript
[00:47]DOTA2荣耀之路6:玩不了啦!
2018/05/30 DOTA
Python之eval()函数危险性浅析
2014/07/03 Python
朴素贝叶斯算法的python实现方法
2014/11/18 Python
Django中使用group_by的方法
2015/05/26 Python
Python端口扫描简单程序
2016/11/10 Python
简单了解python的一些位运算技巧
2019/07/13 Python
Pandas透视表(pivot_table)详解
2019/07/22 Python
Python 取numpy数组的某几行某几列方法
2019/10/24 Python
Python GUI编程学习笔记之tkinter事件绑定操作详解
2020/03/30 Python
Python的PIL库中getpixel方法的使用
2020/04/09 Python
深入剖析HTML5 内联框架iFrame
2016/05/04 HTML / CSS
工作失误检讨书范文大全
2014/01/13 职场文书
单位实习工作证明怎么写
2014/11/02 职场文书
迟到检讨书范文
2015/01/27 职场文书
堂吉诃德读书笔记
2015/06/30 职场文书
Spring Cloud OpenFeign模版化客户端
2022/06/25 Java/Android