uniapp点击事件怎么禁止事件冒泡和事件捕获
时间: 2024-01-07 07:04:05 浏览: 797
JS冒泡事件与事件捕获实例详解
在 UniApp 中,你可以使用以下方法来禁止事件冒泡和事件捕获:
1. 阻止事件冒泡:
在触发点击事件的元素上,添加 `@click.stop`,这样点击事件将不会向父元素传播。
```html
<view @click.stop="handleClick">点击我</view>
```
2. 阻止事件捕获:
在触发点击事件的元素上,添加 `@click.capture`,这样点击事件将只被当前元素捕获,不会往下传递。
```html
<view @click.capture="handleClick">点击我</view>
```
3. 同时阻止冒泡和捕获:
如果你既想阻止事件冒泡,又想阻止事件捕获,可以同时使用 `@click.stop` 和 `@click.capture`。
```html
<view @click.stop.capture="handleClick">点击我</view>
```
以上方法可以在任何支持点击事件的元素上使用,如 `<view>`、`<button>` 等。
阅读全文