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

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

meta: {
  keepAlive: false
}

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

{
   path: "/teamFun",
   name: "teamFun",
   component: teamFun,
   meta: {
     keepAlive: false
   }
},

在App.vue中要这样写

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

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

最后

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

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

评论列表共有 0 条评论

立即
投稿
返回
顶部