Vue项目实现回车登录

303 阅读1分钟

方法一

在create()方法中写代码,大键盘小键盘都能实现

  var _self = this;
  document.onkeydown = function(e){
    var key = window.event.keyCode;
    if(key == 13 || key == 100){
      _self.submitForm('loginForm'); //自己写的登录方法,点击事件
    }
  }

方法二

1、mounted方法中实现绑定登录事件:

  mounted(){
    //登录绑定事件
    window.addEventListener('keydown',this.keyDown);
  },

2、在methods方法中写键盘点击事件

methods{
  keyDown(e){
      //如果是回车则执行登录方法
      if(e.keyCode == 13){
        this.submitForm();
      }
    }
    }

3、最后销毁事件

  destroyed(){
    window.removeEventListener('keydown',this.keyDown,false);
  }

以上就是实现回车登录的两种方法,如果感觉对您有用的话,点个赞吧。