vue登录按钮绑定回车键

在登录页面,用户敲了回车键, 就相当于点击了登录按钮
1.在页面渲染前,增加监测keydown 键盘事件

onMounted(()=>{
      //增加回车事件
      window.addEventListener("keydown", methods.enterLogin)
    })

2.在methods 中定义方法

const methods={
  enterLogin(e){
        if(e.keyCode===13){
          methods.submitLogin()
        }
      }
}

3.在页面销毁时销毁该监听事件,否则是window 全局监听的

onUnmounted(()=>{
      window.removeEventListener("keydown", methods.enterLogin, false)
    })

你可能感兴趣的:(前端)