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

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

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

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

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

<div class="parent-wrapper" @click.stop.prevent="clickWrapper">点这里</div>

<!-- 阻止单击事件冒泡 -->
<a v-on:click.stop="doThis"></a>
 
<!-- 提交事件不再重载页面 -->
<form v-on:submit.prevent="onSubmit"></form>
 
<!-- 修饰符可以串联 -->
<a v-on:click.stop.prevent="doThat">
 
<!-- 只有修饰符 -->
<form v-on:submit.prevent></form>