【vue】keep-alive:true缓存导致页面数据不刷新

keep-alive生命周期钩子函数:activated、deactivated

activated:页面第一次进入的时候,钩子触发的顺序是created->mounted->activated

deactivated: 页面退出的时候会触发deactivated,

当再次前进或者后退的时候只触发activated

使用<keep-alive>会将数据保留在内存中,

如果要在每次进入页面的时候获取最新的数据,

需要在activated阶段获取数据,

承担原来created钩子中获取数据的任务

复制代码
//router

meta:{
    author:'true',
    title:'缓存为true页面',
    keepAlive:'true'
}

//vue

activated(){
    this.getList()
},
相关推荐
AI分享猿7 分钟前
UI设计Prompt系列(十七):团队如何管理UI Prompt——减少产品、设计与开发之间的信息损耗
前端·prompt
资讯综合11 分钟前
2026全国云渲染网站排名 不同需求用户适配榜单
开发语言·前端·javascript
PHP实战开发录28 分钟前
PHP接口超时后为什么任务还在跑
开发语言·前端·php·开发
今天AI了吗39 分钟前
2026年三大AI桌面智能体横评:Codex vs Hermes vs WorkBuddy
大数据·前端·css·人工智能·架构
kill5221 小时前
interface vs type:到底该用哪个
前端
敲代码的嘎仔1 小时前
从零实现视频续播 + 学习进度统计:前端心跳、条件更新、GROUP BY 统计全链路拆解
java·前端·数据库·学习·面试·职场和发展·音视频
做萤石二次开发的哈哈1 小时前
海康移动交通四款设备技能接入实战:布控球+取证终端+测速仪+出入口终端,Web/App/小程序移动交通应用快速生成
前端·物联网·萤石开放平台·蓝海aiot一站式工作台·aiot开发·移动交通
HwJack201 小时前
用 HML + CSS + JS 三段式写鸿蒙界面
javascript·css·harmonyos
IT_陈寒1 小时前
我TM竟然被Java的空指针坑了第三次!
前端·人工智能·后端
xcLeigh1 小时前
AI 编程学习路线图:一份覆盖前端、后端、全栈的系统学习计划
前端·人工智能·学习