Tencent / tdesign-vue-starter

A starter-kit for TDesign Vue UI components.
https://tdesign.tencent.com/starter/vue/
MIT License
379 stars 92 forks source link

[Menu] Vue2.7 中使用Menu组件 点击报错 #265

Closed xiaoyi510 closed 1 year ago

xiaoyi510 commented 1 year ago

tdesign-vue-starter 版本

最新

重现链接

No response

重现步骤

// methods const handleClick = (e: MouseEvent) => { e.stopPropagation(); if (props.disabled) return; menu.select(props.value); ctx.emit('click');

  if (props.href) {
    window.open(props.href, props.target);
  } else if (props.to) {
    const { proxy } = getCurrentInstance();
    const router = props.router || (proxy as Record<string, any>).$router;
    const methods: string = props.replace ? 'replace' : 'push';
    router[methods](props.to).catch((err: Error) => {
      // vue-router 3.1.0+ push/replace cause NavigationDuplicated error
      // https://github.com/vuejs/vue-router/issues/2872
      // 当前path和目标path相同时,会抛出NavigationDuplicated的错误
      if (
        err.name !== 'NavigationDuplicated'
        && !err.message.includes('Avoided redundant navigation to current location')
      ) {
        throw err;
      }
    });
  }

点击菜单会触发上面的方法 但是其中getCurrentInstance为null 无法使用

期望结果

可以正常点击

实际结果

No response

框架版本

vue 2.7

浏览器版本

Chome

系统版本

Macos 11

Node版本

18

补充说明

package:


 "tdesign-vue": "^1.5.0-naruto",

    "vue": "^2.7.14",
github-actions[bot] commented 1 year ago

👋 @xiaoyi510,感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

github-actions[bot] commented 1 year ago

♥️ 有劳 @uyarn 尽快确认问题。 确认有效后将下一步计划和可能需要的时间回复给 @xiaoyi510 。

uyarn commented 1 year ago

1 issue is enough, duplicate of https://github.com/Tencent/tdesign-vue/issues/2633