vue keep-alive

Question

使用keep-alive组件，实现页面缓存。
现在我有一个列表页(列表有分页)，我可以查看详情。
我从和列表页同级的页面进入列表页，我刷新数据。
我从列表页查看详情，我需要页面缓存，然后从详情页返回。

问题出现在，我点击了这个列表的分页。比如我跳到了第三页，进入某一条的详情。我返回，很完美。可以实现。
但是如果我之后进入同级页面，然后再次进入这个列表页，然后进来是要刷新数据的（此时的页码是第一页），例如我直接跳到了第四页，点击某一条查看详情，然后返回，就会回到我上次跳到的第三页。

如果是在离开列表页使用this.$destroy(), 之后的keep-alive又失效了

不知道有没有解决方法。求助～

Answer 1

感觉你说的好乱...不知道有没有理解你的意思。可以在路由中增加meta元信息来控制是否缓存($route.meta.keepAlive)。也可以在进入或者离开列表页的时候监听（watch)$route的变化，看from和to，来控制是否重新获取数据。