从 URL 更新路由器链接参数

Question

假设我有 3 个路由网址，如下所示。

 <router-link to="/AAA">AAA</router-link>
 <router-link to="/BBB">BBB</router-link>
 <router-link to="/CCC">CCC</router-link>

从"AAA"中，我选择一个id，假设项目ID。

单击"AAA"中的项目，我重定向到"BBB/项目/454"，其中 454 是项目 ID。

现在我需要更新路由器链接"/BBB"和"/CCC"，使其类似于"/BBB/Project/454

"和"/CCC/Project/454"。 以便当用户单击这些链接时，项目 ID 仍然存在。

如何在 vue 路由器和路由器链路中实现这一点？

Answer 1

Vue router-link 就像 vue 的其余部分一样是反应性的。

您可以通过在类似<router-link :to="myBBBLink">中传递变量来轻松使用动态路由，其中myBBBLink是保存所需路由路径的变量。
另请查看命名路由 (https://router.vuejs.org/guide/essentials/named-routes.html(，这可能更适合您的用例。

根据路由器链接所在的位置，您可以直接操作:to目标，也可以按照EvilArthas的建议使用全局状态存储(vuex(。