Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
Tracked by #679
zhangxinjian1979 opened this issue Mar 29, 2024 · 7 comments
Assignees
Labels
🐞 BUG Something isn't working To be published

Comments

@zhangxinjian1979
Copy link

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版本没有问题)

Copy link
Contributor

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

Copy link
Contributor

github-actions bot commented Mar 29, 2024

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

@timi137137
Copy link
Collaborator

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

并且实际测试中
image
也暂时没有发现你所描述的问题,请提供完整的复现方式或录屏,否则无法进行处理

@uyarn uyarn transferred this issue from Tencent/tdesign-vue-starter Mar 29, 2024
Copy link
Contributor

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

@uyarn
Copy link
Collaborator

uyarn commented Mar 29, 2024

#678 就是这个问题吧?看看是不是这样可以解决呢 @timi137137

@zhangxinjian1979
Copy link
Author

看相关回复,你们似乎已经验证了问题,而且也有了处理意见。
关于您说的,我提错代码仓库的问题:
我是通过你们网站页面链接进入的,我不清楚你们页面链接的具体是什么版本。
因此,请改善页面链接。
1711759772445

@uyarn
Copy link
Collaborator

uyarn commented Mar 30, 2024

看相关回复,你们似乎已经验证了问题,而且也有了处理意见。 关于您说的,我提错代码仓库的问题: 我是通过你们网站页面链接进入的,我不清楚你们页面链接的具体是什么版本。 因此,请改善页面链接。 1711759772445

@zhangxinjian1979 非常感谢你的issue 确实解决了问题!确实困扰了我们一段时间 不知道方不方便给我们邮箱[email protected]发个联系方式 我们给你送个周边作为感谢;然后这个回复提到的问题 再次谢谢你的反馈 我们改下。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🐞 BUG Something isn't working To be published
Projects
None yet
Development

No branches or pull requests

4 participants