Vue学习记录— 键盘修饰符以及自定义键盘修饰符
键盘修饰符以及自定义键盘修饰符按键修饰符也就是Vue提供的键盘监听事件。<label>Name:<!--输入完成之后按下 enter键即可调用add 方法--><input type="text" v-model="name" class="form-control"
·
键盘修饰符以及自定义键盘修饰符
按键修饰符也就是Vue提供的键盘监听事件。
<label>Name:
<!--输入完成之后按下 enter键即可调用add 方法-->
<input type="text" v-model="name" class="form-control" @keyup.enter="add">
</label>
为了在必要的情况下支持旧浏览器,Vue 提供了绝大多数常用的按键码的别名:
.enter
.tab
.delete (捕获“删除”和“退格”键)
.esc
.space
.up
.down
.left
.right
1.x中自定义键盘修饰符【了解即可】
Vue.directive('on').keyCodes.f2 = 113;
2.x中自定义键盘修饰符
- 通过
Vue.config.keyCodes.名称 = 按键值
来自定义案件修饰符的别名:
Vue.config.keyCodes.f2 = 113;
自定义全局按键修饰符,键盘码和键盘按键的对应关系可查看
- 使用自定义的按键修饰符:
<input type="text" v-model="name" @keyup.f2="add">
更多推荐
已为社区贡献23条内容
所有评论(0)