vue 阻止事件冒泡,捕获
@click.stop : 阻止事件冒泡
@click.prevent : 阻止事件默认行为
@click.self : 事件只作用在元素本身,而不是其子元素
vue阻止事件冒泡
方法一:使用vue阻止子级元素的click事件冒泡。简单得:可以直接用stop
<div @click="test1()">
<span @click.stop="test2()">按钮1</span>
<span>按钮2</span>
</div>
这样点击div里面的按钮1,就不会触发div绑定时间test1()方法
方法二:可以自己写个阻止冒泡事件 然后在发生冒泡的元素中调用这个事件:@click=“stopPropagation($event)”
methods:{
stopPropagation(ev){
var _this = this;
ev.stopPropagation();
},
}