vue 监听键盘回车事件

方法一：keyup.enter

使用：vue文档提供了一种按键修饰符的方法:

方法二：document.onkeydown事件

获取点击事件，判断一下即可

 document.onkeydown = (e)=> {   //按下回车提交
        let key = window.event.keyCode;
        //事件中keycode=13为回车事件
        if (key == 13) {
          this.Initialize();
        }
      };

方法三：document.addEventListener监听keyup事件

注意销毁enter事件

    mounted () {
      // 绑定enter事件
      this.enterKeyup();
    },
    destroyed() {
      // 销毁enter事件
      this.enterKeyupDestroyed();
    },
        methods: {
      //关闭
      shoutDown () {

      },
      // 点击重置按钮，重置登录表单
      resetLoginForm () {
        // console.log(this);
        // this.$refs.loginFormRef.resetFields()
      },
      enterKey(event) {
        const componentName = this.$options.name;
        console.log(componentName)
        if (componentName == "login") {
          const code = event.keyCode
            ? event.keyCode
            : event.which
              ? event.which
              : event.charCode;
          if (code == 13) {
            this.Initialize();
          }
        }
      },
      enterKeyupDestroyed() {
        document.removeEventListener("keyup", this.enterKey);
      },
      enterKeyup() {
        document.addEventListener("keyup", this.enterKey);
      },
      //初始化登录
      Initialize(){
      }
  }