vue.js阻止事件冒泡和默认事件

首先我们来看原生JS取消事件冒泡方法：

e.stopPropagation();    //非IE浏览器
window.event.cancelBubble = true;   //IE浏览器

• 1
• 2

原生JS阻止默认事件方法：

e.preventDefault();     //非IE浏览器
window.event.returnValue = false;   //IE浏览器

• 1
• 2

而vue.js给我们提供了更简便的方法，我们可以通过function($event)来获取事件对象，$event.target则是选择发生事件的目标元素：

//HTML
Test
//JS
getEventTar(el){
    console.log(el.target);      //
Test
，这里就相当于通过原生JS获取DOM元素而后可以对其进行一些操作
}

• 1
• 2
• 3
• 4
• 5
• 6

vue.js取消冒泡事件

//只需将click改成click.stop
Test

• 1
• 2

vue.js阻止默认事件

//只需将click改成click.prevent
Test