一個頁面由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(() => {
// 將組件重新加入緩存中
......
});
}