vue3 addEventListener阻止冒泡
时间: 2023-11-15 13:04:53 浏览: 196
vue中阻止click事件冒泡,防止触发另一个事件的方法
在Vue3中,可以使用`@click.stop`来阻止事件冒泡。也可以在事件处理函数中使用`event.stopPropagation()`来阻止事件冒泡。
示例代码如下:
```html
<template>
<div @click="outerClick">
<div @click.stop="innerClick"></div>
</div>
</template>
<script>
export default {
methods: {
outerClick() {
console.log('outer click')
},
innerClick(event) {
event.stopPropagation()
console.log('inner click')
}
}
}
</script>
```
阅读全文