在一些搜索框中，我们往往需要监听键盘的按下(onkeydown)或抬起(onkeyup)事件以进行一些操作。
- keyCode 实际键值
- 48到57 0到9
- 65到90 a到z（A到Z）
- 112到135 F1到F24
- 8 BackSpace（退格）
- 9 Tab
- 13 Enter（回车）
- 20 Caps_Lock（大写锁定）
- 32 Space（空格键）
- 37 Left（左箭头）
- 38 Up（上箭头）
- 39 Right（右箭头）
- 40 Down（下箭头）
在Vue中，已经为常用的按键设置了别名，这样我们就无需再去匹配keyCode，直接使用别名就能监听按键的事件。
<input @keyup.enter="function">(function为回调函数)
别名 实际键值
- .delete : delete（删除）/BackSpace（退格）
- .tab : Tab
- .enter : Enter（回车）
- .esc : Esc（退出）
- .space : Space（空格键）
- .left : Left（左箭头）
- .up : Up（上箭头）
- .right : Right（右箭头）
- .down: Down（下箭头）
- .ctrl: Ctrl
- .alt : Alt
- .shift: Shift
- .meta : (window系统下是window键，mac下是command键) 另外，Vue中还支持组合写法：
组合写法
@keyup.alt.67=”function” 等同于 Alt + C
注意： 如果是在自己封装的组件或者是使用一些第三方的UI库时，会发现并不起效果，这时就需要用到.native修饰符了，如：
<el-input
v-model="inputName"
placeholder="搜索你的文件"
@keyup.enter.native="searchFile(params)"
>
</el-input>
