按键修饰符
在监听键盘事件时,我们经常需要检查详细的按键。Vue 允许为 v-on
在监听键盘事件时添加按键修饰符:
<input v-on:keyup.enter="submit">
<input v-on:keyup.13="submit">
为了在必要的情况下支持旧浏览器,Vue 提供了绝大多数常用的按键码的别名:
-
.enter
(*) -
.tab
-
.delete
(捕获“删除”和“退格”键) -
.esc
-
.space
-
.up
-
.down
-
.left
-
.right
表单修饰符
我们还有其他的修饰符,比如表单上常用的 trim
和 number
:
-
想去除用户输入的前后空格:
<input v-model.trim="val" type="text">
data(){
return {
val: "你好,世界"
}
}