vue:事件冒泡,事件捕获
冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点击事件 事件冒泡是从里向外依次触发父级节点上事件的过程
我们需要做的事阻止事件冒泡
原生的阻止事件冒泡:
event.stopPropagation()
vue阻止事件冒泡
@@事件名.stop=“方法名”
事件捕获
是通过添加事件监听的方式来捕获父级节点上的同名事件,事件触发的方式是从外向 里的
原生:
var box=document.getElementById("box")
var but=document.getElementById("but")
box.addEventListener("click",function(e){
alert("box")
},true)
but.addEventListener("click",function(e){
alert("but")
},true)
vue的方法:
通过.capture的方式
@事件名.capture="方法名"
对象.addEventListener(“事件”,function(e){},true/false) true是事件捕获 false
事件冒泡 默认的为false