【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()
},
相关推荐
難釋懷4 分钟前
JavaScript基础-移动端常用开发插件
开发语言·javascript·ecmascript
予安灵12 分钟前
XSS 攻击(详细)
前端·web安全·网络安全·网络攻击模型·xss·安全架构·xss攻击
工业互联网专业14 分钟前
基于springcloud微服务架构的巡游出租管理平台
java·vue.js·spring cloud·微服务·毕业设计·源码·课程设计
好_快24 分钟前
Lodash源码阅读-cloneArrayBuffer
前端·javascript·源码阅读
╰つ゛木槿25 分钟前
Vue与React区别分析
前端·vue.js·react.js
thinkQuadratic25 分钟前
vue修饰符
前端·javascript·vue.js
不吃香菜的猪25 分钟前
el-dialog实现遮罩层后面的内容也能点击
前端·javascript·vue.js
好_快28 分钟前
Lodash源码阅读-cloneTypedArray
前端·javascript·源码阅读
好_快28 分钟前
Lodash源码阅读-cloneDataView
前端·javascript·源码阅读
好_快30 分钟前
Lodash源码阅读-copySymbols
前端·javascript·源码阅读