在自定义指令中，怎么覆盖添加在组件上的事件监听方法？

[blinkJun]

比如

<button v-auth="'no'" @click="jump" ></button>

// auth.js

app.directive('auth', function (el: HTMLElement, binding: any, vnode: VNode) {
  const type = binding.arg
  const value = binding.value
  vnode.props = {
     ...vnode.props,
    onClick:noAuthMessage
  }        
})

我这样写是没有用的

[chenxch]

demo

先通过

el.removeEventListener('click', vnode.el._vei.onClick);

移除原有的点击事件，之后再添加新的click监听

[chenxch]

el._vei 已测试，prod模式下也能获取到。

[blinkJun]

牛的兄弟

[Justineo]

不建议去修改内部实现，你应该通过添加一个捕获阶段的监听器去进行拦截，没有权限的时候通过 stopPropagation 停止事件传播。

[chenxch]

demo
@blinkJun 根据 @Justineo 给的建议做了调整

[jiaxin-MXX]

牛的，很巧妙的方法