一、vue自带快捷键
.enter
.tab
.delete (捕获“删除”和“退格”键)
.esc
.space
.up
.down
.left
.right
二、自定义快捷键
1. 通过`Vue.config.keyCodes.名称 = 按键值`来自定义案件修饰符的别名:
Vue.config.keyCodes.f2 = 113;
2. 使用自定义的按键修饰符:
<input type="text" v-model="name" @keyup.f2="add">
三、实例
1、自带快捷键
<input type="text" class="form-control" v-model="name" @keyup.enter="add">
2、自定义快捷键
<input type="text" class="form-control" v-model="name" @keyup.f2="add">
// 自定义全局按键修饰符 Vue.config.keyCodes.f2 = 113