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！