vue中监听页面是否有回车键按下

一般来说，如果你只是input密码输入框，那就监听keyup事件，外加上.enter修饰符，如果是使用的第三方组件库，就在加上一个加上.native修饰符，如下

<el-input placeholder="请输入密码" v-model="ruleForm.userpassword" @keyup.enter.native="submitForm('ruleForm')"></el-input>

<input v-model="ruleForm.userpassword" placeholder="请输入密码" @keyup.enter="submitForm('ruleForm')">

submitForm(formName) {
   this.$refs[formName].validate((valid) => {
     if (valid) {
        alert('submit!');
     } else {
      console.log('error submit!!');
      return false;
     }
  })
}

 在页面中监听是否有回车按下

mounted(){
  document.addEventListener('keydown', (event)=>{
    if(event.keyCode === 13 && event.key == "Enter")
      //执行你的逻辑
  });  
}
// 组件销毁前移除事件监听器
beforeDestroy(){
  document.removeEventListener('keydown', ()=>{
    submitForm();
  });
}