Vue学习记录— 键盘修饰符以及自定义键盘修饰符

键盘修饰符以及自定义键盘修饰符

按键修饰符也就是Vue提供的键盘监听事件。

<label>Name:
        <!--输入完成之后按下 enter键即可调用add 方法-->
      <input type="text" v-model="name" class="form-control" @keyup.enter="add">
    </label>

为了在必要的情况下支持旧浏览器，Vue 提供了绝大多数常用的按键码的别名：

.enter
.tab
.delete (捕获“删除”和“退格”键)
.esc
.space
.up
.down
.left
.right

1.x中自定义键盘修饰符【了解即可】

Vue.directive('on').keyCodes.f2 = 113;

2.x中自定义键盘修饰符

1. 通过Vue.config.keyCodes.名称 = 按键值来自定义案件修饰符的别名：

Vue.config.keyCodes.f2 = 113;

自定义全局按键修饰符，键盘码和键盘按键的对应关系可查看

js 里面的键盘事件对应的键码

2. 使用自定义的按键修饰符：

<input type="text" v-model="name" @keyup.f2="add">