vue element框架中如何解绑事件

initEvents() {
        let {
          rootMenu,
          handleMouseenter,
          handleMouseleave,
          handleClick
        } = this;
        let triggerElm;

        if (rootMenu.mode === 'horizontal' && rootMenu.menuTrigger === 'hover') {
          triggerElm = this.$el;
          triggerElm.addEventListener('mouseenter', handleMouseenter);
          triggerElm.addEventListener('mouseleave', handleMouseleave);
        } else {
          triggerElm = this.$refs['submenu-title'];
          triggerElm.addEventListener('click', handleClick);
        }
      }
    },

这是element组件代码中在组件内注册的一个click,现在我在使用这个组件的时候,我想获取他这个handleClick.方法,并且在这个dom元素上解绑,再绑定到别的元素上去,VUE有没有什么方便一点的方法。

阅读 5.1k
1 个回答

removeEventListener() 方法用于移除由 addEventListener() 方法添加的事件句柄。这是js的方法,和vue没啥关联

 triggerElm.removeEventListener('click', handleClick);
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题