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>
相关推荐
茶茶只知道学习6 分钟前
通过鼠标移动来调整两个盒子的宽度(响应式)
前端·javascript·css
蒟蒻的贤9 分钟前
Web APIs 第二天
开发语言·前端·javascript
清灵xmf13 分钟前
揭开 Vue 3 中大量使用 ref 的隐藏危机
前端·javascript·vue.js·ref
su1ka11118 分钟前
re题(35)BUUCTF-[FlareOn4]IgniteMe
前端
测试界柠檬20 分钟前
面试真题 | web自动化关闭浏览器,quit()和close()的区别
前端·自动化测试·软件测试·功能测试·程序人生·面试·自动化
多多*21 分钟前
OJ在线评测系统 登录页面开发 前端后端联调实现全栈开发
linux·服务器·前端·ubuntu·docker·前端框架
2301_8010741521 分钟前
TypeScript异常处理
前端·javascript·typescript
ᅠᅠᅠ@22 分钟前
异常枚举;
开发语言·javascript·ecmascript
小阿飞_22 分钟前
报错合计-1
前端
caperxi24 分钟前
前端开发中的防抖与节流
前端·javascript·html