uniapp radio组件外层套label导致radio点击范围变大的bug解决

在uniapp开发中遇到一个Radio组件点击事件bug:即使事件仅绑定在Radio上,点击其外圈仍触发。问题源于Label包裹,即使尝试阻断事件冒泡也不起作用。解决方法是移除Label,单独使用Radio组件。

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

最近在uniapp项目开发中,发现一个radio组件的bug:
绑定在radio上的点击事件,却在点击radio的外圈范围都可以触发这个事件,明明只绑定在了radio组件上,这就很奇怪了,经过排查发现,原来是使用了label包裹了radio组件。在表格中,如果用label包裹了组件radio,就算你采用了阻断事件冒泡的方式,发现在uniapp中也无法阻断radio的事件冒泡,只有去掉label,单用radio组件,radio的事件绑定才能正常。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值