-
stop:阻止冒泡
<div id="inner" @click="divHandler"> //没有执行divHandler
<input type="button" value="点击" @click.stop="btnHandler">
</div> -
prevent:阻止默认事件(链接没有跳转)
<a href="http://www.baidu.com" @click.prevent="linkClick">百度</a>
-
capture:使用事件捕获模式(添加捕获的div会先触发)
<div id="inner" @click.capture="divHandler"> //divHandler先执行
<input type="button" value="点击" @click="btnHandler">
</div>
-
self:只在触发元素本身时触发事件(不包括子元素)
<div id="inner" @click.self="divHandler">
<input type="button" value="点击" @click="btnHandler">
</div>
-
once:事件只触发一次
<input type="button" value="点击" @click.once="btnHandler"> //只执行一次btnHandler
<a href="http://www.baidu.com" @click.prevent.once="linkClick">百度</a> //只阻止一次跳转