关于vue.js:vue缓存页面keepAlive的坑数据不刷新只缓存第一次进入的页面数据

需要：A进入B，依据不同id刷新B页面数据，B进入C，C返回B，如果C有操作数据，则返回B后刷新B数据，否则B页面不刷新；

第一次尝试
*思路是从C进入B，缓存B，其余页面进入B，不缓存

B页面：

beforeRouteLeave(to, from, next) {  from.meta.keeplive= false;  next();},activated(){      //依据$route.meta},

C页面

  // 返回上一页路由不刷新问题  beforeRouteLeave (to, from, next) {      to.meta.type=this.showChange;      to.meta.keeplive = true;         if(this.edit){           to.meta.isrefer=true;//编辑胜利后刷新B页面的数据，状态码         }else{         to.meta.isrefer=false;         }    next();  },

实践上没故障啊，可是问题来了
第一次，A进B，B进C，C返回B，缓存了B

第二次，A进B，B会刷新，B再进C，C再返回B，B的数据是第一次进入B的时候的数据

起因：因为B的页面参数还是第一次缓存的时候的参数，所以，无论怎么从新加载数据，数据还是原来第一进入的B的数据，因为申请的参数素来没有扭转。

解决方案

A页面

    beforeRouteLeave (to, from, next) {                   to.meta.isrefer = true;//刷新B的数据                  to.meta.type=false;                next();      },

B页面

  beforeRouteEnter(to, from, next){      to.meta.keeplive= true;       next(vm=>{       //这里把页面初始值从新赋值，以刷新页面       if(vm.$route.meta.isrefer){        vm.dataList=[];        vm.$route.meta.isrefer=false;//复原初始值        vm.seatList=[]        vm.query={                 activityId: vm.$route.query.activityId,                 meetplaceId: vm.$route.query.meetplaceId,        }        vm.getSeatImgList()//申请数据      }    })  },beforeRouteLeave(to, from, next) {  from.meta.keeplive= true;//每次进入页面都缓存B  next();},

C页面与下面不变

App.vue

    <router-view v-if="$route.meta.keeplive"></router-view>    </keep-alive>    <router-view v-if="!$route.meta.keeplive"></router-view>