如何编写Vue组件中监听键盘事件的代码？

本文共计928个文字，预计阅读时间需要4分钟。

在监听键盘事件时，我们经常需要检查详细的按键。Vue 允许使用 `v-on` 在监听键盘事件时添加按键修饰符：使用 `+` 在监听键盘事件时，可以添加按键修饰符。例如，只有当 `key` 是 `Enter` 时，才调用 `vm.submit()`：`input v-on:keyup.enter=submit`。

按键修饰符

在监听键盘事件时，我们经常需要检查详细的按键。Vue 允许为 v-on 在监听键盘事件时添加按键修饰符：

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

你可以直接将 KeyboardEvent.key 暴露的任意有效按键名转换为 kebab-case 来作为修饰符。