Vue监听键盘回车事件【重要的是cnblog插件效果】

原文 ：https://www.cnblogs.com/dcj2018/p/11309845.html

 

在写页面时遇见了登录页需要加一个键盘回车事件。

vue 的 v-on中有这样的修饰符

<input v-on:keyup.enter="submit">

即<input @keyup.enter="submit">

但是若在组件框架中写需要加.native

<el-input v-model="password" placeholder="请输入密码" @keyup.enter.native="search()"></el-input>

全部的键盘别名：

.enter

.tab

.delete  “退格”和“删除”

.esc

.space

.up

.down

.left

.right

如你所见，就是键盘上按键