uniapp - uview 组件库下 closeOnClickOverlay 是否允许点击遮罩关闭选择器无效,点击遮罩层时弹框关了又马上弹出来,弹框反复跳动且无法关闭问题(只要组件中有这个属性都通用

本文介绍了在uniapp项目中,使用uview组件库时遇到的closeOnClickOverlay属性失效,导致点击遮罩层无法关闭组件的问题。通过检查组件HTML是否被其他容器嵌套并移至最外层,可以解决弹框反复跳动无法关闭的现象,适用于u-calendar、u-picker等组件。

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

前言

点击遮罩时会出现反复 “跳动、开了又关、无法关闭” 问题。

在 uniapp 项目开发中,使用 uview 组件库的过程中,凡是带有 closeOnClickOverlay 属性的组件,出现点击外部遮罩层时 “反复横跳 / 关了又弹出来 / 无法关闭 / 关一半又弹回来了” 等非常奇怪的问题,明明已经按照要求设置了 close 关闭函数(但依旧无法关闭),无论 uview1.x 或 2.x 版本,只要组件带有 closeOnClickOverlay 属性,完美解决此问题。

支持 uniapp v2 / v3 版本,包括但不限于:calendar日历,picker选择器,popup弹出层,modal模态框,action-sheet操作菜单


如下图所示,点击遮罩层就是关不掉,并且已经确定用法完全正确,就是死活无法收起来。

在这里插入图片描述

解决方案

按照下方教程和示例代码

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

王二红

请作者喝杯咖啡 :)

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值