vue给多个页面加了 回车键 映射为提交保存按钮,结果在其他页面也会同样执行提交保存按钮操作

发布时间 2023-11-23 15:24:53作者: kpengfang
<input v-on:keyup.enter="submit">//局部


//全局
methods: {    
    handleKeyDown(e) {
      let key = null;
      if (window.event === undefined) {
        key = e.keyCode;
      } else {
        key = window.event.keyCode;
      }
      if (key === 13) {
        //触发的事件
        this.onSubmit();
      }
    },
  },
  created() {
    window.addEventListener("keydown", this.handleKeyDown, true); //开启监听键盘按下事件
  },

// 全局添加时,离开本页面时要取消监听
destroyed() { window.removeEventListener("keydown", this.handleKeyDown, true); },

我添加的是全局的,在离开页面时一定要取消监听。

参考:https://www.cnblogs.com/zjz666/p/13828322.html