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

首先在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生命周期进行根据判断来执行相应的操作!

最后

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

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

评论列表共有 0 条评论

立即
投稿
返回
顶部