前端开发：Vue.js中事件修饰符和按键修饰符的使用

前言

在前端开发Vue.js中，关于事件和按键的使用也是比较常见的操作之一，那么与它们相关的事件修饰符和按键修饰符也是延伸的比较常用的操作。那么本篇博文就来分享一下关于Vue.js中事件修饰符和按键修饰符的使用。

一、事件修饰符

在Vue.js的事件处理程序中使用v-指令中的v-on指令，是用来进行事件绑定的，也可用@来代替。Vue.js也为v-on指令提供了对应的一些事件修饰符，主要是通过由点”.”表示的指令后缀，来调用修饰符。v-on指令常用的修饰符如下所示：

 .stop — 调用 event.stopPropagation()； 阻止/停止冒泡。

    

.prevent — 调用 event.preventDefault(); 阻止/停止默认事件。

.capture — 添加事件侦听器时使用事件捕获(capture )模式。

 .self — 只当事件是从侦听器绑定的元素本身触发时才触发回调。

 .{keyCode | keyAlias} — 只当事件是从侦听器绑定的元素本身触发时才触发回调。

 .once — 事件只触发一次。

 

注意：在使用修饰符的时候，顺序很重要，相应的代码会以同样的顺序产生。

二、v