vant-weapp的Popup 弹出层中close-on-click-overlay属性失效问题

最新推荐文章于 2024-11-27 09:37:31 发布

求饶机器

最新推荐文章于 2024-11-27 09:37:31 发布

阅读量3.9k

点赞数 1

CC 4.0 BY-SA版权

文章标签：微信小程序 javascript

本文链接：https://blog.youkuaiyun.com/m0_53350325/article/details/126873266

本文指导如何将Van-popup组件中的close-on-click-overlay属性去掉，以避免遮罩层点击关闭弹窗，只保留基础定位和样式调整。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<van-popup position="bottom" round="true" :close-on-click-overlay="false" custom-style="height: 50%;" show="{{ show }}" bind:close="onClose">
:close-on-click-overlay
该属性控制的是组件的bind:close事件。点击遮罩层后调用该事件。所以我们只需把这个绑定事件删除即可
改为<van-popup position="bottom" round="true" :close-on-click-overlay="false" custom-style="height: 50%;" show="{{ show }}" >