在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
<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>