Vue重新加载被keep-alive的组件

Vue重新加载被keep-alive的组件_第1张图片
一个页面由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(() => {
      // 将组件重新加入缓存中
      ......
    });
  }

你可能感兴趣的:(Vue)