【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()
},
相关推荐
初晨未凉10 小时前
elementui自定义内容图片预览
前端
无糖可可果11 小时前
从零读懂一个 Next.js 全栈笔记应用
前端
Maxkim11 小时前
DeepSeek Harness 源码深度分析:像 VS Code 一样插件化的 Agent 框架
前端·架构
xiaominlaopodaren11 小时前
three.js地图数学基础(八):浮点精度
javascript·gis·three.js
喜欢睡觉11 小时前
从零看懂一个 Next.js 笔记应用
前端
SendTomo11 小时前
跨设备文件互传新方案
javascript·网络·webrtc·html5·p2p
cindershade11 小时前
从零实现画布「双击创建节点」:一个 VueFlow 项目的交互全记录
前端
YHL11 小时前
🚀 SSE 服务器发送事件与 BFF 层实战
前端·后端
今日无bug11 小时前
HTML5 Canvas:从画图到游戏开发
前端·canvas
cindershade11 小时前
用 Web Workers 优化前端重计算任务:避免主线程卡顿的实战方案
前端