uniapp中switch和select组件阻止chane事件冒泡的方法

在uni-app中,‌处理事件冒泡通常使用.stop修饰符来阻止事件冒泡。‌如果你想要在使用switch或select组件时阻止change事件冒泡,‌你可以在模板绑定事件时添加.stop修饰符。‌

示例

使用switch组件

html

Copy Code

<switch @change.stop="switchChange" />

使用select组件(‌假设是一个自定义组件或类似行为)‌

html

Copy Code

<select @change.stop="selectChange">

Option 1

Option 2

注意

确保.stop修饰符紧跟在事件名之后,‌中间不要有空格。‌

如果.stop修饰符不起作用,‌可能是因为特定的组件或框架版本有差异,‌此时建议查看最新的官方文档或寻求社区的帮助。‌

在使用自定义组件时,‌确保自定义组件内部也正确处理了事件冒泡,‌否则可能需要在组件内部也使用.stop。‌

以上方法不好用时可以试试:

给需要change的标签父级元素加上 @tap.stop.prevent

javascript 复制代码
<view @tap.stop.prevent>
							<view><switch :checked="scope.row.status" @change="event=>switchChangeStatus(event, scope.row)" /></view>
							<el-button link type="primary" size="small"@click="delZzp(scope.row)">删除</el-button>
						</view>
相关推荐
恋猫de小郭8 分钟前
Flutter Zero 是什么?它的出现有什么意义?为什么你需要了解下?
android·前端·flutter
崔庆才丨静觅7 小时前
hCaptcha 验证码图像识别 API 对接教程
前端
passerby60617 小时前
完成前端时间处理的另一块版图
前端·github·web components
掘了8 小时前
「2025 年终总结」在所有失去的人中,我最怀念我自己
前端·后端·年终总结
崔庆才丨静觅8 小时前
实用免费的 Short URL 短链接 API 对接说明
前端
崔庆才丨静觅8 小时前
5分钟快速搭建 AI 平台并用它赚钱!
前端
崔庆才丨静觅8 小时前
比官方便宜一半以上!Midjourney API 申请及使用
前端
Moment8 小时前
富文本编辑器在 AI 时代为什么这么受欢迎
前端·javascript·后端
崔庆才丨静觅9 小时前
刷屏全网的“nano-banana”API接入指南!0.1元/张量产高清创意图,开发者必藏
前端
剪刀石头布啊9 小时前
jwt介绍
前端