vue 键盘事件绑定无效

今天在做登录的时候想添加一个回车登录，结果直接绑定键盘事件发现不好使，在下边是错误代码

<el-button type="primary" @keyup.enter.native="submitForm('ruleForm')" @click="submitForm('ruleForm')">登录</el-button>

发现只有在点击该按钮获取焦点之后才回车才能触发键盘回车事件，正确写法应该先把他绑定在document上，然后就好啦，下边是正确写法

<el-button type="primary"  @click="submitForm('ruleForm')">登录</el-button>

		  created:function(){
			// 主页添加键盘事件,注意,不能直接在焦点事件上添加回车
			var that=this;
			document.onkeydown=function(e){
				var key=window.event.keyCode;
				if(key==13){
					that.submitForm('ruleForm');
				}
			}
		},