1. 首页
  2. 问答
  3. [youzan/vant-weapp]popup组件点击遮罩层失效 和关闭事件函数也不生效

[youzan/vant-weapp]popup组件点击遮罩层失效 和关闭事件函数也不生效

2024-07-19 268 views
3
重现链接

<van-popup show="{{ isDropDownPopup }}" position="bottom" custom-style="height: 20%;" bind:close="onClose" close-on-click-overlay="{{true}}" bind:click-overlay="clickoverlay" bind:after-leave="onClose" />`` onClose() { console.log(123); let that = this that.setData({ isDropDownPopup: false }); },

Vant Weapp 版本

1.10.19

描述一下你遇到的问题。

关闭函数 和遮罩层函数无法关闭 没有反应

重现步骤

点击遮罩层无法关闭弹层

设备/浏览器

微信原生小程序

LjwSrd

回答

4

开启了 closeOnClickOverlay 吗？ 可以提供一个小程序代码片段过来吗？ 官方示例目前看起来没有问题。

johnsonwong666

9

企微小程序有同样的问题，设置closeOnClickOverlay后无法点击遮罩层关闭PopUp 但是遮罩层的点击事件正常执行

Aeroxian

5

vant-weapp 版本 1.10.3

Aeroxian

6

你试着把他弄成一个独立分包

LjwSrd

9

你是怎么引用的popup组件哇？我正常引用 就报错

ChHanBin

1

分包测试了一下 没有发现异常 控制台有没有什么报错

johnsonwong666

1

"usingComponents": { "van-popup": "@vant/weapp/popup/index" } 正常引入 报什么错误？

johnsonwong666

3

还在吗？提供一个复现代码看看

johnsonwong666

2

此issue暂时关闭，如能复现，请附带复现小程序代码片段用于排查。

johnsonwong666