Vue路由器在更改页面后保持活动嵌套组件

Question

我的问题示例：https://jsfiddle.net/guanzo/myn5o94e/1/

1. 应用默认为/bar。
2. 点击“Go to bar child”导航到/bar/barchild并创建BarChild组件。
3. 点击“Go to Foo”导航到/foo
4. 单击“转到栏”。酒吧孩子不见了。

Foo 和 Bar 都是“页面”。当我在页面之间切换时，如何让BarChild 在Bar 中保持活跃？

我知道为什么BarChild 会消失，因为“转到栏”链接到/bar。但我不知道如何实现我想要的行为。

Answer 1

您似乎希望应用记住上次访问的 /bar 子路由。这不是keep-alive 应该做的。

我建议你引入一个集中存储来保存你想要记住的数据并在以后检索。它可以像另一个 new Vue 实例一样简单，对于更复杂的产品，也可以使用 vuex。您可以阅读官方文档中的this page 了解更多详情。