keep-alive 缓存后页面数据不刷新,用 activated 重新拉一次

被 keep-alive 缓存的组件切回来只触发 activated,created 和 mounted 不会再执行,看到的还是旧数据。

把取数逻辑放进 activated,并加条件判断,只在确实需要时才请求,否则每次切回来都打接口。

条件常用两种:进详情页打脏标记,或按上次刷新时间判断。

<keep-alive :include="['ListPage']">
  <router-view />
</keep-alive>

activated() {
  if (this.needRefresh) this.fetchList()
}
THE END
喜欢就支持一下吧
点赞7 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容