Vue 自定义按键修饰符与自定义按键修饰符别名

在监听键盘事件时，我们经常需要检查详细的按键。实现仅在按下相应按键时才触发鼠标或键盘事件的监听器。

Vue 允许为 v-on 在监听键盘事件时添加按键修饰符：

<!-- 只有在 `key` 是 `Enter` 时调用 `vm.add()` -->
<input v-on:keyup.enter="add()">

Vue提供了常用的按键码的别名：

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

还可以通过全局 config.keyCodes 对象自定义按键修饰符别名：

Vue.config.keyCodes.f1 = 112	// 使用时 `v-on:keyup.f1="add()"`

// 可以用对象形式批量定义
Vue.config.keyCodes = {
	f1:112,
	f2:113,
}

查看Vue官方提供的按键修饰符 Vue按键修饰符