脚本宝典收集整理的这篇文章主要介绍了Vue 3.0 按键修饰符，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

#概览

以下是变更的简要总结：

• 非兼容：不再支持使用数字 (即键码) 作为 v-on 修饰符
• 非兼容：不再支持 config.keyCodes

#2.x 语法

在 Vue 2 中，支持 keyCodes 作为修改 v-on 方法的方法。

<!-- 键码版本 -->
<input v-on:keyup.13="submit" />


<!-- 别名版本 -->
<input v-on:keyup.enter="submit" />

此外，你可以通过全局 config.keyCodes 选项。

Vue.config.keyCodes = {
  f1: 112
}

<!-- 键码版本 -->
<input v-on:keyup.112="showHelpText" />


<!-- 自定别名版本 -->
<input v-on:keyup.f1="showHelpText" />

#3.x 语法

从KeyboardEvent.keyCode has been deprecated 开始，Vue 3 继续支持这一点就不再有意义了。因此，现在建议对任何要用作修饰符的键使用 kebab-cased (短横线) 大小写名称。

<!-- Vue 3 在 v-on 上使用 按键修饰符 -->
<input v-on:keyup.delete="confirmDelete" />

因此，这意味着 config.keyCodes 现在也已弃用，不再受支持。

#迁移策略

对于那些在代码库中使用 keyCode 的用户，我们建议将它们转换为它们的 kebab-cased (短横线) 命名对齐。

脚本宝典总结

以上是脚本宝典为你收集整理的Vue 3.0 按键修饰符全部内容，希望文章能够帮你解决Vue 3.0 按键修饰符所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。