在router\index.ts中使用的vue3 userRoute() 返回了undefined，导致菜单切换失败

Tencent / tdesign-vue-next-starter

A starter-kit for TDesign Vue Next UI components

https://tdesign.tencent.com/starter/vue-next/

MIT License

677 stars 185 forks source link

在router\index.ts中使用的vue3 userRoute() 返回了undefined，导致菜单切换失败 #698

Open zhangxinjian1979 opened 5 months ago

zhangxinjian1979 commented 5 months ago

tdesign-vue-starter 版本

0.90

重现链接

No response

重现步骤

export const getActive = (maxLevel = 3): string => {
  //const route = useRoute();    注释掉原来代码，改为下边这一句
  const route = router.currentRoute.value

  if (!route.path) {
    return '';
  }

  return route.path
    .split('/')
    .filter((_item: string, index: number) => index <= maxLevel && index > 0)
    .map((item: string) => `/${item}`)
    .join('');

};

(上述问题参考网友的建议《vue3在自定义hooks中使用userRoute结果为undefined,如何在自定义hooks中使用userRoute》[https://codeleading.com/article/91876364813/] ，得以解决

期望结果

No response

实际结果

No response

框架版本

"vue": "^3.4.21", "typescript": "^5.4.3",

浏览器版本

Edge 122.0

系统版本

win11

Node版本

Node.js v21.7.1

补充说明

在使用typescript时出现此问题（当使用vite调试时）， javascript未验证（构建后的javascript版本没有问题）

github-actions[bot] commented 5 months ago

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

github-actions[bot] commented 5 months ago

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

timi137137 commented 5 months ago

首先你似乎提错仓库了，这里是vue2.7的模板仓库，我看文中似乎是vue3 其次你应该考虑你是否因为某种错误的方式调用了该函数引起问题，据我了解，Router的这两个方法是一模一样的，如下而官方文档中也明确提示了当你使用 useRoute() 或 this.$route 获取路由信息时这并不会带来任何变化，如果想要直接在路由器实例上访问它，你需要通过 currentRoute.value 来访问实际的路由对象：