小任班长的博客 - vue activated使用
type: channel
link: https://cnxiaocheng.top/tag/vue-activated使用/
items: VUE 子页面返回上一列表页面 激活刷新请求数据

VUE 子页面返回上一列表页面 激活刷新请求数据
type: item
date: 2021-03-14T08:00:00+08:00
description: 核心点：使用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 }, 使用场景：待审核列表，打开审核后，再次回到列表中，列表页面应该重新请求数据。