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

Question

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

1. 应用默认为/bar。
2. 点击＆＃34;转到酒吧儿童＆＃34;导航到/bar/barchild并创建BarChild组件。
3. 点击＆＃34;转到Foo＆＃34;导航到/foo
4. 点击＆＃34;转到栏＆＃34;。酒吧的孩子已经不见了。

Foo和Bar都是＆＃34;页面＆＃34;。当我在页面之间切换时，如何在BarChild内保持Bar活着？

我知道为什么BarChild消失了，因为＆＃34;转到酒吧＆＃34; /bar的链接。但我不知道如何实现我想要的行为。

Answer 1

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

我建议你介绍一个集中存储来保存你想要记住的数据并在以后检索。对于更复杂的产品，它可以像另一个new Vue实例一样简单，或者 vuex 。您可以从官方文档中阅读this page以获取更多详细信息。