vuejs鍵盤事件不生效解決方式

筆者yy:哭泣，爲何不能夠設置本身看，我只是作個筆記，好羞澀啊

問題

<el-button type="success" @click.enter="gomain()">登陸</el-button>
代碼如上，在click修飾符，添加發現無效，後來查閱資料才發現要元素處於focus時才能夠觸發，若是按鈕沒有被選擇，Enter按鈕時沒有用的，因此能夠把監聽事件綁在document上

解決方法

//添加監聽回車按鍵
created() {  
    var _this = this;
    document.addEventListener("keydown", _this.watchEnter);
  },  
  destroyed() {
    //移除監聽回車按鍵
    var _this = this;
    document.removeEventListener("keydown", _this.watchEnter);
  },
  methods:{
    //監聽回車按鈕事件
    watchEnter(e) {
      var keyNum = window.event ? e.keyCode : e.which; //獲取被按下的鍵值
      //判斷若是用戶按下了回車鍵（keycody=13）
      if (keyNum == 13) {
        按下回車按鈕要作的事
      }
    },
  }
複製代碼