vue element框架中如何解绑事件

Question

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有没有什么方便一点的方法。

Answer 1

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