vue回车登录,登录完销毁回车事件。

363 阅读1分钟

在这里插入图片描述

1.在登录页面写

methods:{
    // 回车登录
    keyDown(e){
      if(e.keyCode == 13){//13是回车键的keycode
        if(this.ruleForm.usename != '' && this.ruleForm.password != '') {
          this.logoin()
        }else {
          this.submitForm('ruleForm')
        }
      }
    }
}
mounted(){
   window.addEventListener('keydown',this.keyDown);//监听用户回车事件
 },
 destroyed(){
   window.removeEventListener('keydown',this.keyDown,false);//销毁回车事件,如果不销毁,在其他页面敲回车也会执行回车登录操作。
 }

📢没了,结束了,是不是很简单呐,如有问题,欢迎留言。
📢如果此篇博文对您有帮助,还请动动小手点赞 👍 收藏 ⭐留言 📝呐~,谢谢 ~ ~