vue阻止点击事件穿透
时间: 2023-10-29 18:08:05 浏览: 188
vue中阻止click事件冒泡,防止触发另一个事件的方法
可以在事件处理函数中使用`event.stopPropagation()`方法来阻止点击事件的穿透。例如:
```
<div @click="handleClick">
<button @click="handleBtnClick">按钮</button>
</div>
methods: {
handleClick() {
console.log('点击了div')
},
handleBtnClick(event) {
event.stopPropagation()
console.log('点击了按钮')
}
}
```
阅读全文