>[success] # 按键修饰符 ~~~ 1.vue3.x 不在支持 键位码和'Vue.config.keyCodes' 配置 ~~~ >[danger] ##### vue2.x ~~~ 1.vue2.x 可以使用定义按键序号位置 或者按键码例如 1.1.'v-on:keyup.112 ' 配置键位码 1.2.' Vue.config.keyCodes.f1 = 112' 给全局怎加112 键位码事件使用时候变成`v-on:keyup.f1` ~~~ >[danger] ##### vue3.x ~~~html 1. KeyboardEvent.keyCode 这个事件已经被废弃可以参考mdn，因此vue3.x 开始也不在支持键位码现在使用方法 对任何要用作修饰符的键使用 kebab-cased (短横线) 名称 <!-- Vue 3 在 v-on 上使用按键修饰符 --> <input v-on:keyup.page-down="nextPage"> <!-- 同时匹配 q 和 Q --> <input v-on:keypress.q="quit"> ~~~ >[info] ## 官方参考地址 [按键修饰符](https://v3.cn.vuejs.org/guide/migration/keycode-modifiers.html#_2-x-%E8%AF%AD%E6%B3%95) [v2 和 v3 按键修饰符不同点](https://www.kancloud.cn/cyyspring/vue3/2697856)