关于javascript:keepalive记住了当前页面导致离开该页面后再次进入该页页面没有刷新

问题：

在商城类我的项目中应用keep-alive对订单列表页面进行记住以后地位操作，此时由订单列表进入订单详情页面获取到订单详情，返回到订单列表页记住进去之前订单列表的地位，然而，此时再次进入另一个订单的订单详情，关上确实是上一个订单详情的内容。

问题呈现的起因：

这是因为来到详情页面后，没有进行页面从新加载或者是刷新操作。

解决办法：

订单列表页面的method中定义一个init函数，在mounted和activated中别离调用，同时从另外的页面进入该页面时就对订单列表页面进行刷新操作。

 mounted() {
  // 只在初始化时执行
  this.init();
  this.doRefresh()
},
activated(){
  // 每次调用都执行
  this.init()
},
methods: {
  init() {
    // 每次进入都获取新的工夫
    this.startDate = this.$route.query.startDate ? this.$route.query.startDate : this.startDate;
    this.endDate = this.$route.query.endDate ? this.$route.query.endDate : this.endDate;
  },
},
beforeRouteEnter(to, from, next){
  // 从店铺销量进入订单列表，都要进行页面刷新
  next(vm => {
    if(from.path === '/list'){
      vm.doRefresh();
    }
  })
},

这样就能够解决问题了！