[Vue] : 键盘修饰符

Posted moon1992

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了[Vue] : 键盘修饰符相关的知识,希望对你有一定的参考价值。

键盘修饰符以及自定义键盘修饰符

为文本框回车键绑定事件

<input type="text" class="form-control" v-model="name" @keyup.enter="add">

自定义键盘修饰符

  • 通过Vue.config.keyCodes.名称 = 按键值来自定义案件修饰符的别名:
Vue.config.keyCodes.f2 = 113;
  • 使用自定义的按键修饰符:
<input type="text" v-model="name" @keyup.f2="add">

以上是关于[Vue] : 键盘修饰符的主要内容,如果未能解决你的问题,请参考以下文章

键盘事件、事件修饰符

[Vue] : 键盘修饰符

Vue常用修饰符

4.键盘修饰符以及自定义键盘修饰符

Vue:如何在按住键盘修饰符时更改按钮的文本?

vue基本使用