小程序确定取消弹窗_浅析微信小程序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问题,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！

小程序确定取消弹窗_浅析微信小程序modal弹窗关闭默认会执行cancel问题相关推荐

微信小程序打包的原理_说说微信小程序和它的打包加密算法
B站传送门www.bilibili.com 不愿看视频的可以看下面的视频文字稿不知道你有没有发现这样一个现象,当年用QQ的人越来越多的转战到了微信.当时那群留着爆炸头用着￡吙星妏☆★的孩子把自己非 ...
微信小程序把view居中_初识微信小程序
"晓程序" 小程序连载笔记,通俗易懂,欢迎各位转发关注学习.未经作者授权,禁止转载初识小程序什么是微信小程序微信小程序,小程序的一种,英文名Wechat Mini Progr ...
微信小程序开发的作用_分享微信小程序开发可以实现什么
现在小程序在众多场所都有出现过,小程序开发迎来了飞速发展时期.目前微信小程序开发分为模板开发和定制开发.那么,对比来说定制小程序开发优势有哪些? 1.开发过程更可控定制化开发更具体,从开发前对产品定 ...
企业微信小程序可用存储空间不足_企业微信小程序制作，小程序开发公司
微信小程序的定制开发已成为当前企业家精神的出路.小程序制作借助微信,可以满足用户的少量需求,并具有自己的营销功能.不仅如此,商家还可以使用诸如"附近的小程序"之类的功能,使许多在线 ...
微信小程序活动怎么做_分享微信小程序开发哪些营销活动
我们在做小程序活动的时候,大部分我们都活策划以时间为理由做活动,用户比较容易获得认同.在传统商业活动中用户已经养成了习惯,以为这样的时间就应该有活动,所以,即便活动设计得不是很精彩,用户也会愿意来参 ...
浅析微信小程序生命周期之应用生命周期
浅谈微信小程序生命周期之应用生命周期参考:微信小程序官方文档微信小程序生命周期可分为应用生命周期.页面生命周期和组件生命周期,本文结合微信官方文档浅析微信小程序的应用生命周期.从注册一个小程序生命 ...
APP自动化_操作微信小程序/H5页面实现自动化_多终端并行
APP自动化_混合App自动化理论相关原理:本质是混合app,应该用切入webview的方法去自动化web页面. 现状:目前由于技术原因无法切到webview中做自动化. 方案:采用原生app自动方 ...
小程序开发运营必看：微信小程序平台运营规范
一.原则及相关说明微信最核心的价值,就是连接--提供一对一.一对多和多对多的连接方式,从而实现人与人.人与智能终端.人与社交化娱乐.人与硬件设备的连接,同时连接服务.资讯.商业. 微信团队一 ...
微信小程序开发教程第八章：微信小程序分组开发与左滑功能实现
接着上面微信小程序开发教程第八章:微信小程序分组开发与左滑功能实现.(第一二章:微信小程序开发教程,第三四章:微信小程序项目结构以及配置&微信小程序首页面开发,第五章:微信小程序名片夹详情页开 ...

小程序确定取消弹窗_浅析微信小程序modal弹窗关闭默认会执行cancel问题

小程序确定取消弹窗_浅析微信小程序modal弹窗关闭默认会执行cancel问题相关推荐

最新文章

热门文章