Can I intercept the @click event in the custom command?

[ChYuanJinlin]

I want to intercept the @click event in the custom directive, and then be able to trigger it myself. Is there a way to do this?

[leno23]

问的AI，可以试试

// intercept-click.js

export default {
  // 指令挂载时
  beforeMount(el, binding, vnode) {
    // 1. 从 vnode.props 拿到原始 onClick 回调（Vue3 中自动将 `@click` 转成 onClick）
    const originalClick = vnode.props?.onClick;
    if (typeof originalClick !== 'function') {
      console.warn('v-intercept-click: 找不到 @click 回调');
      return;
    }

    // 2. 存储到 el 上，后面随时可以调用
    el._originalClick = originalClick;

    // 3. 阻止默认的 vnode.props.onClick 执行
    //    （这里直接删除，让 Vue 自己不再触发它）
    vnode.props.onClick = null;

    // 4. 绑定我们自己的点击监听
    el.addEventListener('click', (e) => {
      console.log('>> 拦截到了点击，可以做点什么逻辑（比如防抖、权限校验）');

      // …你的拦截逻辑完成后，手动触发原始回调：
      el._originalClick(e);
    });
  }
};