Vue中捕获键盘

参考：https://blog.csdn.net/zhaofeiweb/article/details/83381479

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

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

<!-- 缩写语法 -->
<input @keyup.enter="submit">

document中添加

//不能直接将事件添加写在input上，因为这样必须焦点在input上才能触发，所以可以直接绑定在document上即可
created() {
var lett = this;
document.onkeydown = function(e) {
var key = window.event.keyCode;
if (key == 13) {
lett.enterSearchMember();
}

vue全部的按键别名：

.enter
.tab
.delete (捕获“删除”和“退格”键)
.esc
.space
.up
.down
.left
.right

补充一个问题：

当我们对input添加enter键盘事件后，点击enter页面会刷新，可能是因为你把input写在了form里，form会自动提交一次，页面就是一个刷新的效果，这样体验并不好

解决办法：

1、去掉form

2、如果非得用表单，只要不让表单里有且只有一个文本框就OK了

3、在表单 form 后面加上一个 onsubmit 事件，返回 false，来阻止 form 提交