【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()
},
相关推荐
RPGMZ16 小时前
RPGMZ游戏引擎事件技巧大全
javascript·游戏引擎·事件·rpgmz·rpgmakermz
一天 24h16 小时前
从单体到分布式:JWT 如何彻底改变 Web 认证系统
前端·分布式
持梦远方16 小时前
Nginx 静态资源挂载与前端部署实战笔记
linux·前端·笔记·nginx
木斯佳16 小时前
前端八股文面经大全:腾讯云智前端一面(2026-05-13)·面经深度解析
前端·状态模式
fanzhonghong16 小时前
javaWeb后端开发之Linux项目部署3和Docker部署1
linux·服务器·前端·docker
拉里呱唧16 小时前
在线可视化HTML编辑器横评:8款拖拽式工具的实测对比
前端·编辑器·html
贵州晓智信息科技16 小时前
曼德勃罗集的 Three.js 实现
开发语言·javascript·ecmascript
lihaozecq16 小时前
Agent 开发 Todo 机制设计,让 Agent 拥有规划能力
前端·agent·ai编程
lchcy16 小时前
移动端h5好多兼容性问题啊
前端