VUE中keepAlive结合路由判断页面是否需要刷新

最新推荐文章于 2025-03-17 12:11:39 发布

enjoycodeing

最新推荐文章于 2025-03-17 12:11:39 发布

阅读量3.5k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue 生命周期 beforeRouteEnter 页面刷新

本文链接：https://blog.youkuaiyun.com/qq_36697004/article/details/88805532

vue 专栏收录该内容

2 篇文章

订阅专栏

VUE中keepAlive结合路由判断页面是否需要刷新

在vue项目中我们经常需要判断路由是从哪个页面跳转过来的，以便判断当前页面是否需要刷新
结合beforeRouteEnter
在这里插入图片描述

  beforeRouteEnter (to, from, next) {
    if (!from.name || from.name === 'RecordProblem' || from.name === 'ScreenPage') {
      refreshFlag = true
    } else {
      refreshFlag = false
    }
    next()
  },

我们之所以在全局定义refreshFlag而不再mounted或者data里定义是因为当生命周期进入beforeRouteEnter的时候，此时当前页面还没有被mounted，因此我们是获取不到当前实例this的指向的，因此我们也就取不到这个变量。
我们在全局定义不管当前实例有没有被创建，我们都可以获取标识是否需要刷新的变量。因此在activated的是时候我们就可以根据此变量判断页面是否需要刷新
over！