Vue重新加載被keep-alive的組件

在這裏插入圖片描述
一個頁面由3個組件構成,現只要刷新C組件,且C組件已經被keep-alive緩存
思路:先把C組件從keep-alive中去除,記錄下當前頁面的路徑和緩存組件的名稱(方便重新加載後使用),再路由到一個空白頁面Refresh.vue

// 從keep-alive中去除
this.$store.commit('removeKeepAlivePage', '移除組件緩存');
// 轉到空白頁
this.$router.replace('/refresh');

在Refresh.vue初始化時直接路由到之前記錄的路徑

  created () {
    this.$router.replace('記錄的路徑').then(() => {
      // 將組件重新加入緩存中
      ......
    });
  }
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章