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

Question

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

我发现这个线程从 2 年前开始提供自定义解决方案，今天有什么更简单的，或者可能以某种方式启用一些本机支持？

标签： vue.jsvue-router

Answer 1

尝试使用嵌套路由。

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

有关该主题的更多信息，请参阅此问题。