vue中使用js绑定键盘回车键

<button id='loginButton' @click='login'>登录</button>

enterButton() {
      //回车登陆
      document.body.onkeydown = function (event) {//当键盘摁下时触发
        if (event.key == "Enter") {//判断当摁下的键为回车时触发
          document.getElementById("loginButton").click();//获取id为loginButton的节点并点击
        }
      };
    },
    login(){
		console.log('登录');
	}

注意：enterButton方法要在created中调用

如果有多个登录按钮时可以拿一个值进行判断，在切换按钮时对logins进行重新赋值

<button id='loginButton1' @click='login'>登录</button>
<button id='loginButton2' @click='login'>登录</button>
data(){
	retunr:{
		logins:true
		}
}

enterButton() {
      //回车登陆
      var a = this;//这里将this赋值给a，因为下面方法内拿不到this
      document.body.onkeydown = function (event) {//当键盘摁下时触发
        if (event.key == "Enter") {//判断当摁下的键为回车时触发
	        if(a.logins){//判断是否为true
	          document.getElementById("loginButton1").click();//获取id为loginButton1的节点并点击
	        }else{
	          document.getElementById("loginButton2").click();//获取id为loginButton2的节点并点击
	        }
	        }
      };
    },