博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

vue中是如何实现响应键盘回车事件

Posted on 2019-07-29 11:02  taigudaren  阅读(2078)  评论(0)    收藏  举报

ue 允许为 v-on 在监听键盘事件时添加按键修饰符:

<!-- 只有在 keyCode 是 13 时调用 vm.submit() -->
<input v-on:keyup.13="submit">

记住所有的 keyCode 比较困难,所以 Vue 为最常用的按键提供了别名:

<!-- 同上 -->
<input v-on:keyup.enter="submit">
<!-- 缩写语法 -->
<input @keyup.enter="submit">