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>
相关推荐
Huazzi.5 分钟前
【Caddy】:现代化、自动 HTTPS 的 Web 服务器新星
服务器·前端·https·web
maomi_95267 分钟前
操作系统之系统IO
服务器·前端·数据库
若梦plus10 分钟前
从JavaScript V8 引擎原理剖析职场法则
前端·javascript
LaoZhangAI16 分钟前
2025最新Trae配置Claude完全指南:超强AI开发体验【无限免费使用】
前端·后端
LaoZhangAI19 分钟前
2025最新ChatGPT Plus令牌(Token)限制完全指南:每日/每月用量详解与突破方法
前端·后端
LaoZhangAI20 分钟前
2025最全GPT-4.1 vs Claude 3.7对比指南:AI编程王者之争深度评测
前端·后端
若梦plus21 分钟前
异步编程思想
前端·javascript·程序员
张开心_kx21 分钟前
面试官又问我是否了解虚拟DOM?
前端·javascript·react.js
海底火旺21 分钟前
JavaScript对象存在性检查:从原理到陷阱的完全指南
前端·javascript