2020-12-02

vue中的事件修饰符

这是一个冒泡事件，当点击右上角图标的时候页面却跳转到了点击整个盒子的事件(整个盒子和右上角的两个图标都是可以点击的)，为了阻止着这种情况发生，就用到了.stop事件修饰符。

vue.js中事件修饰符还有

.stop - 阻止冒泡
.prevent - 阻止默认事件
.capture - 阻止捕获
.self - 只监听触发该元素的事件
.once - 只触发一次
.left - 左键事件
.right - 右键事件
.middle - 中间滚轮事件

事件修饰符是可以串联的：

<a v-on:click.stop.prevent="doThat"></a>