.net from 关闭事件_为什么小程序modal弹窗关闭默认会执行cancel方法?

小程序modal弹窗关闭触发cancel问题解决
使用小程序modal组件时,点击弹框外关闭弹框有时会触发取消绑定事件。经分析,是header头的content - type在作怪,将其值改为application/json或去掉content - type,用默认数据提交方式,可解决关闭弹窗执行取消绑定事件的问题。

cd9e4582a75fbb91f8beba805867de22.png

小程序modal弹窗关闭默认会执行cancel方法

在我们使用小程序的modal组件时候,有的时候会碰到一个问题,那就是弹框的关闭,我们并没有选择取消或确定,而是点击弹框之外的部分,这个时候弹框会关闭,按理来说不会触发取消和确定的绑定事件,但是有的时候点击弹框之外的部分来关闭弹框会触发取消(cancel)绑定的事件,这是为什么呢?

如图是wxml页面

f5fc5ed22f63d166f0bf6cccf964a01a.png

以下是页面对应的js内容

999f1b8dbf900430b24dfc55fdde5c9f.png

也就是说,就算我们不点击取消,点击弹框之外的部分,也会执行modelCancel方法。

后来发现,是header头的content-type在作怪,我们把header头里的content-type值改为application/json,再测试就没有问题了,关闭弹窗不再执行modelCancel。或者直接把header改为(去掉content-type,用默认的数据提交方式,也就是application/json)

1c7b1ccf24ffdafb83abc8b17eed5dc5.png

一个wx.request请求,必填项只有url,其他都是非必填。如图;

766a410311a663df5a06347c98baaaa8.png

————————————————

版权声明:本文为CSDN博主「程序猿联盟」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。

原文链接:

CSDN-专业IT技术社区-登录​blog.csdn.net
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值