vue 关于keep-alive的问题

Question

我的路由是设计成两个大路由，然后分别有子路由的，类似于
routes：[
{
path:'/home',
child:[
{
path:'/home/a',
}，
{
path:'/home/b',
}
]
},
{
path:'/other',
child:[
{
path:'/home/c',
}，
{
path:'/home/d',
}
]
}
]
然后我在app.vue设置
发现keep-alive不生效但是我如果分别在两个大路由的根组件上设置keep-alive,a页面到b页面，c页面到d页面成功缓存，但是a页面到c页面是缓存不成功的，有哪位道友遇到类似情况的？？

Answer 1

官方说法：注意，是用在其一个直属的子组件被开关的情形。如果你在其中有v-for则不会工作。注意看下是不是有v-for

Answer 2

如楼上所说,只对直属的子组件有效,要使a到c的缓存有效,可以参考这里的做法简单说就是使a,b,c,d放到同一个嵌套的子,给这个套