访问任何子路线时如何在父路线链接上获得活动课程？

Posted 2023-02-22

【中文标题】访问任何子路线时如何在父路线链接上获得活动课程？

【英文标题】：How to get active class on parent route link when visiting any child route?

【发布时间】：2020-04-16 18:26:32

【问题描述】：

父菜单包含指向路线 A、B 和 C 的链接。路线 B ​​具有一个子菜单，其中包含指向子路线 B1 和 B2 的链接。以访问B1为例，如何不仅在子菜单的B1链接上，而且在父菜单B链接上获取router-link-active类？

我发现 2 年前的 this thread 提供自定义解决方案，今天有什么更简单的方法或者可能以某种方式启用一些原生支持吗？

【问题讨论】：

这可能对***.com/questions/46083220/…有帮助

【参考方案1】：

尝试使用nested routes。

路由器链接有两种不同的活动类别：router-link-active 和 router-link-exact-active。第二个应用于完全匹配当前路径的任何路由器链接，而第一个应用于部分匹配当前路由的路由器链接。当您嵌套路由时，您的路径将允许部分匹配，从而将类应用于多个路由链接。

有关该主题的更多信息，请参阅this question。