在Vue的Element-ui上监听键盘enter按键事件的一些问题

• 本来想在element-ui的el-button上监听按下enter按键的键盘事件，但是使用@keydown.enter并不生效，如下：

<el-button
	type="primary"
	@click="login()"
	@keydown.enter="login()">
	登录
</el-button>

• 然后翻阅文档和百度了一下，大家都说加个.native就行（事实上行是行，但不满足我希望的效果，它需要按钮处于焦点状态才有效，我希望不管有没有获得焦点，键盘事件都有效），如下：

<el-button
   type="primary"
   @click="login()"
   @keydown.enter.native="login()">
   登录
</el-button>

• 于是再次查阅，说在document元素上监听就可以实现，如下（下面这个方式在Vue里面并不生效，大概是在Vue组件直接操作document的属性有问题，具体什么问题并没有深入讨论，有兴趣的朋友可以自己去尝试）：

document.onkeydown = (e) => {
	let key = window.event.keyCode;
    if (key == 13) {
         this.login();
	}
}

• 于是使用了addEventListener()来添加事件，完成了自己想要的效果，如下：

document.addEventListener('keydown', (e) => {
	let key = window.event.keyCode;
    if (key == 13) {
         this.login();
	}
})