【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()
},
相关推荐
Hello-Mr.Wang6 分钟前
Vue3实现键盘字母筛选功能
前端·javascript·vue.js
红衣信9 分钟前
探索智能前端语音技术:从交互体验到敏感信息保护
前端·人工智能·前端框架
无名之逆14 分钟前
Junior Year Self-Study Notes My Journey with the Hyperlane Framework
java·开发语言·前端·spring boot·后端·rust·编程
秋天的一阵风14 分钟前
原型与原型链:这篇看完还懵?来找我“算账”!💸
前端·javascript·面试
kooboo china.16 分钟前
什么是JSON ?从核心语法到编辑器
javascript·编辑器·json
袁煦丞23 分钟前
拯救你的碎片时光【4K电影自动投喂+全球追剧】NAS玩家新宠Nastool:cpolar内网穿透实验室第620个成功挑战
前端·程序员·远程工作
江城开朗的豌豆24 分钟前
遍历对象属性,for...in和Object.keys到底用哪个?
前端·javascript·面试
neo_尼欧27 分钟前
DevEco Studio 报错 “too many restarts of gpu-process (jcef)“
java·服务器·前端
放天狼1 小时前
解决npm install 一直卡着不动,npm install --verbose
前端·npm·node.js
江城开朗的豌豆1 小时前
一招搞定:快速找出数组中的老二!
前端·javascript·面试