keep-alive缓存会造成子路由重复渲染

[RanMaoting]

你好，请教一下，最新版使用了keep-alive的页面生命周期会加载多次，导致页面重复请求，这种怎么解决呢

[xiaoxian521]

你好，请教一下，最新版使用了keep-alive的页面生命周期会加载多次，导致页面重复请求，这种怎么解决呢

提供个例子吧

[RanMaoting]

就现在的线上demo多级路由那一块，menu1-2-2路由keepAlive改为false，页面加上生命周期就可以发现他们被执行了多次

[xiaoxian521]

ok 我会检查它

[RanMaoting]

这个bug似乎跟vue-router有关，当vue-router和keep-alive一起使用，同时嵌套子路由的话就会触发

[Cleam]

目前解决这个问题的一个办法是在嵌套路由的场景下，不使用 KeepAlive 包裹 RouterView。 （答案来自下面文章）

这个bug暂时貌似无更好的解决办法，可以看看这里：

• 是什么事让尤大如此生气？
• keep-alive component in nested route result in child route mounted twice
• Inactive keep-alive component keeps updating if bound to nested properties

[xiaoxian521]

fix: d57e0e3

[anyshift]

一级 router-view 设置成 <component :is="Component" :key="undefined"/> 后临时解决了困恼好多天的问题，不过还是期待 vue-router 官方能给出更好的解决办法