vue2.0页面前向刷新后向不刷新的实现方法

花了整整一个星期，尝试了很多方法，终于找到了最好的解决办法(对我来说最好的)。为了纪念失去的一周，释放激动，我现在不得不写一篇博客。

直入主题：

第一步：

//在APP.vue中写keepalive实现缓存(什么是keepalive？查看官方文件)

第二步：

//向路由器的index.js中要缓存的页面添加元参数

第三步：

//页面路由变化时写入APP.vue，记录对应页面的滚动位置，页面更新时读取赋值。

第四步：

//因为我的想法是从首页(index.vue)进入列表页面的时候刷新数据，所以从列表页面点击进入详情页，然后不刷新返回列表页面。

因此，当从主页进入列表页时，将列表页的isBack设置为false。

然后在列表页激活的生命周期钩子中判断isBack，如果是false，执行加载功能，如果是true，使用缓存。

//index.vue:

//in //list.vue

至此，效果终于完美实现。其实还有优化的空间。如果有许多页面需要保持活动状态，就没有必要在每个页面上都编写相同的beforeRouteLeave和activated。

但是如何优化呢，需要的时候再说。

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。