Vue回车键登录

//回车键登录
 keyDown() {
      var _self = this;
      document.onkeydown = function (e) {
        console.log(e);
        var key = window.event.keyCode;
        if (key == 13 || key == 100) {
          _self.onSubmit();
        }
      };
    },
=================================================
//上面这种方法会造成,登录后点击回车键再次执行,具体原因有待解决。
 
//↓↓↓下面是最新的解决
 //回车登录
 keyDown(e) {
      console.log("e", e.keyCode);
      if (e.keyCode == 13 || e.keyCode == 100) {
        this.onSubmit();//自己的登录方法
      }
    },
 
mounted() {
    window.addEventListener("keydown", this.keyDown); //监听回车事件
  },
 destroyed() {
    window.removeEventListener("keydown", this.keyDown, false); //销毁回车事件,如果不销毁,在其他页面敲回车也会执行回车登录操作。
  },
========================================2022.7.8===
 
 
 
posted @ 2022-04-25 09:31  uniqueU  阅读(727)  评论(0编辑  收藏  举报