全局键盘回车触发 和 element Ui处理el-button自动失焦问题

/-------------下面是全局键盘回车触发\start---------------/

mounted() {
  window.addEventListener("keydown", this.keyDown, true);
},
destroyed(){  //离开页面销毁
  window.removeEventListener("keydown", this.keyDown, true);
},
methods: {
 keyDown(e){
  if(e === 'Enter' || e.keyCode === 13){
    console.log("Enter回车触发")
  }
 },
}

/-------下面是element Ui处理el-button自动失焦问题vue2的方法 \start----------/

// 写到main.js

Vue.directive("btn", {
  inserted(el) {
    el.addEventListener("focus", function(evt) {
      let target = evt.target;
      if (target.nodeName == 'SPAN' || target.nodeName == 'I') {
        target = evt.target.parentNode;
      }
      target.blur();
    });
  },
  update(el) {
    el.addEventListener("focus", function(evt) {
      let target = evt.target;
      if (target.nodeName == 'SPAN' || target.nodeName == 'I') {
        target = evt.target.parentNode;
      }
      target.blur();
    });
  },
});

/----------在el-button里加 v-btn就好使了--------/

<el-button
    v-btn
    size="small"
    type="success"
    :loading="loading"
     @click="xyt">
     下一题
</el-button>

/-------下面是element Ui处理el-button自动失焦问题vue3的方法 \start----------/

//写到src/util新建btn.js文件

export default {
  install: app => {
    const fun = function (evt) {
      let target = evt.target;
      if (target.nodeName == "SPAN") {
        target = evt.target.parentNode;
      }
      target.blur();
    };
    app.directive("btn", {
      mounted(el) {
        el.addEventListener("focus", fun);
      },
      unmounted(el) {
        el.removeEventListener("focus", fun);
      },
    });
  },
};

// 写到main.js里

import btn from './util/btn'
Vue.use(btn)

在标签添加v-btn就好了

<el-button
    v-btn
    size="small"
    type="success"
    :loading="loading"
     @click="xyt">
     下一题
</el-button>

目前在用的就是vue2版本没有问题