其他分享
首页 > 其他分享> > 给vue单页面绑定快捷键

给vue单页面绑定快捷键

作者:互联网

  created() {
    // 添加快捷键
    document.addEventListener('keyup', this.handleKeyUp)
  },
  destroyed() {
    // 删除快捷键
    document.removeEventListener('keyup', this.handleKeyUp)
  },
  methods: {
    // 添加快捷键的事件处理
    handleKeyUp(e) {
      e.preventDefault();
      e.stopPropagation();

      // 点击 Delete 键
      if (e.keyCode == 46) {
        this.deleteCurContent(); // 删除组件或模板
      }
    }
  }

标签:vue,删除,keyup,绑定,快捷键,handleKeyUp,document,添加
来源: https://www.cnblogs.com/jeacy/p/16637431.html