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

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

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;
}

以上是编程学习网小编为您介绍的“vue如何设置事件冒泡和默认事件”的全面内容，想了解更多关于 vuejs 内容，请继续关注编程基础学习网。