前进刷新，后退不刷新

103 阅读 0 评论 68 点赞

我是靠谱客的博主和谐银耳汤，这篇文章主要介绍前进刷新，后退不刷新，现在分享给大家，希望可以做个参考。

首先在router/index.js中的 routes中的每一项加上

复制代码

1
2
3
meta: {
  keepAlive: false
}

就按好像下面一样，注意，false代表不需要缓存，true代表需要缓存

复制代码

1
2
3
4
5
6
7
8
{
   path: "/teamFun",
   name: "teamFun",
   component: teamFun,
   meta: {
     keepAlive: false
   }
},

在App.vue中要这样写

复制代码

1
2
3
4
<keep-alive>
  <router-view v-if="$route.meta.keepAlive" />
</keep-alive>
<router-view v-if="!$route.meta.keepAlive" />

才可以，声明周期如果需要执行多次的话，最好写在 actived生命周期中，因为created和mounted都是执行一次的，或者还需要在，beforeRouteEnter生命周期判断是哪个页面返回，在activated生命周期进行根据判断来执行相应的操作！

以上就是和谐银耳汤最近收集整理的关于前进刷新，后退不刷新的全部内容，更多相关前进刷新内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。