Vue 按键修饰符
按键修饰符 | 对应键位 |
---|---|
enter | 回车键 |
tab | tab键 |
delete | 删除键 或 退格键 |
esc | esc键 |
space | 空格键 |
up | 上箭头 |
down | 下箭头 |
left | 左箭头 |
right | 右箭头 |
用法:
@keyup.按键修饰符="事件处理函数"
-当按键抬起时触发;
@keydown.按键修饰符="事件处理函数"
-当按键按下时触发;
例如:
@keyup="keyup"
-任何键抬起触发 keyup 函数;
@keyup.enter="enter"
-回车键抬起时触发 enter 函数;
@keydown.enter="enter"
-回车键按下时触发 enter 函数;
@keyup.enter.space="ok"
-回车键或空格键抬起时触发 ok 函数;
其他按键修饰符用法同上。