鍍金池/ 問(wèn)答/HTML/ vue element框架中如何解綁事件

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組件代碼中在組件內(nèi)注冊(cè)的一個(gè)click,現(xiàn)在我在使用這個(gè)組件的時(shí)候,我想獲取他這個(gè)handleClick.方法,并且在這個(gè)dom元素上解綁,再綁定到別的元素上去,VUE有沒(méi)有什么方便一點(diǎn)的方法。

回答
編輯回答
夢(mèng)若殤

removeEventListener() 方法用于移除由 addEventListener() 方法添加的事件句柄。這是js的方法,和vue沒(méi)啥關(guān)聯(lián)

 triggerElm.removeEventListener('click', handleClick);
2018年5月26日 13:03