一.注册一个监听按键事件
-
监听所有按键:v-on:keyup
-
监听指定按键:v-on:keyup.按键码
二.使用按键别名
为了在必要的情况下支持旧浏览器,Vue 提供了绝大多数常用的按键码的别名:
.enter
.tab
.delete (捕获“删除”和“退格”键)
.esc
.space
.up
.down
.left
.right
<input type="text" @keyup.enter="log1">
methods: {
log1(){
console.log(1);
}
},
三.自定义按键别名
通过 Vue.config.keyCodes.名称 = 按键值
来自定义案件修饰符的别名:
Vue.config.keyCodes.f2 = 113;
使用自定义的按键修饰符:
<input type="text" v-model="name" @keyup.f2="add">