vue、js阻止事件冒泡

前言：当父标签和子标签都绑定事件时，子标签事件会向上传递也就是冒泡

一、vue阻止事件冒泡方法

使用vue修饰符.stop

<div @click="test1()">    
    <span @click.stop="test2()">按钮1</span>    
    <span>按钮2</span> 
</div>

这样点击按钮1，就不会触发div绑定事件test1()方法 

二、js阻止事件冒泡方法

在事件处理函数中，可以通过调用事件对象的 `stopPropagation()` 方法来阻止事件冒泡

$('.btn').click(function (event) {
    event.stopPropagation();
	alert('按钮被点击了');
})

vue方法里也适用

默认事件仍然会执行，当你调用这个方法的时候，如果点击一个连接，这个连接仍然会被打开 。如果要阻止默认时间需要调用event.preventDefault()方法