vue实现button绑定回车事件实现登录

这里我们主要使用了监听回车事件实现登录，所以这个不适用于多表单的填写提交，容易出现还没有写完，按下回车就提交表单了！

1.template部分

<el-button
            @keyup.enter.native="submit"
            type="primary"
            class="loginButton"
            @click="submit">登录
</el-button>

2.js部分

//在method中定义监听事件
method:{
	enterLogin(){
      		document.onkeydown =(e) => {
        	e = window.event || e;
        		if(this.$route.path==='/login'&&(e.code==='Enter'||e.code==='enter')){
          		this.submit()
        		}
      		}
    	}

},
//然后在created中调用即可
created() {
    this.enterLogin()
}