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(() => {
      // 将组件重新加入缓存中
      ......
    });
  }
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章