Question

vue中阻止click事件冒泡,防止触发另一个事件的方法

Answer 1

使用vue阻止子级元素的click事件冒泡，很简单，用stop
<div
@click="test1()">
<span
@click.stop="test2()">按钮1</span>
<span>按钮2</span>
</div>
这样点击div里面的按钮1，就不会触发div绑定时间test1()方法。
以上这篇vue中阻止click事件冒泡,防止触发另一个事件的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章:详解vue事件对象、冒泡、阻止默认行为vue绑定的点击事件阻止冒泡的实例