1. js 事件的三阶段
捕获阶段
目标阶段:执行当前对象的事件处理程序
冒泡阶段
2. js 阻止事件冒泡,捕获
阻止事件冒泡: event.stopPropagation() 或 event.cancelBubble = true (IE)
阻止浏览器默认行为: event.preventDefault()
3. vue 阻止事件冒泡,捕获
@click.stop : 阻止事件冒泡
@click.prevent : 阻止事件默认行为
@click.self : 事件只作用在元素本身,而不是其子元素
vue阻止事件冒泡
方法一:
<span @click.stop="test2()">按钮1</span>
方法二:
<span @click="stopPropagationFn()">按钮2</span>
methods:{
stopPropagationFn(event){
var that = this;
event.stopPropagation();
},
}