七.键盘修饰符

2022-06-28 19:57:40 浏览数 (1)

本文最后更新于 871 天前,其中的信息可能已经有所发展或是发生改变。

1. 使用默认的(enter,tab,ctrl...)

代码语言:javascript复制
<div id="app"  @keyup.enter="create">

注意焦点一定要在使用键盘修饰符的地方才能生效

2.自定义键盘修饰符

官方文档 1. 通过Vue.config.keyCodes.名称 = 按键值来自定义案件修饰符的别名:

代码语言:javascript复制
Vue.config.keyCodes.f2 = 113;
  1. 使用自定义的按键修饰符:
代码语言:javascript复制
<input type="text" v-model="name" @keyup.f2="add">

Post Views: 284

0 人点赞