核心点:

使用activated事件,被keep-alive 缓存的组件激活时调用
》在路由进入之前标记来源

beforeRouteEnter(to, from, next) {
  if (from.name == 'aaaa') { // 这个name是下一级页面的路由name
    to.meta.isBack = true; // 设置为true说明你是返回到这个页面
  }
  next();
},

activated() { 
  console.log('被keep-alive 缓存的组件激活时调用')
  if (this.$route.meta.isBack) { 
    console.log("页面回退执行刷新")
    this.reInit(); //执行重新请求方法
  }
  this.$route.meta.isBack = false
},

使用场景:

待审核列表,打开审核后,再次回到列表中,列表页面应该重新请求数据。

标签: vue activated使用, vue上级页面刷新


阿里云优惠主机

添加新评论

免责声明
本博客部分内容来自于互联网,不代表作者的观点和立场,如若侵犯到您的权益,请联系[email protected]。我们会在24小时内进行删除。