vue如何设置事件冒泡和默认事件

vue如何设置事件冒泡和默认事件，下面web建站小编给大家详细介绍一下实现代码！

vue.js取消事件冒泡

<div @click.stop="doSomething($event)">vue取消事件冒泡</div>

原生js取消事件冒泡

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

vue.js阻止默认事件

<div @click.prevent="doSomething($event)">vue阻止默认事件</div>

原生js阻止默认事件

if( e && e.preventDefault ) {
  //非IE浏览器
  e.preventDefault()
}else {
  //IE浏览器
  window.event.returnValue = false;
}