vuex 在页面刷新后保持状态不变

最新推荐文章于 2024-05-20 15:02:57 发布

木_艮

最新推荐文章于 2024-05-20 15:02:57 发布

阅读量1.4k

点赞数 1

分类专栏： vue 文章标签： javascript 前端 vue

本文链接：https://blog.csdn.net/weixin_39703839/article/details/125255406

版权

vue 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

在使用 vue 开发项目时，vuex 常用来管理数据，有个弊端是刷新浏览器时，vuex 状态中的数据会被重置，可以在 vuex 文件结尾处写入下列代码来解决此问题。

//在页面刷新时将vuex里的信息保存到sessionStorage里
window.addEventListener("beforeunload",()=>{
	sessionStorage.setItem("store",JSON.stringify(store.state))
})

//在页面加载时读取sessionStorage里的状态信息
if (sessionStorage.getItem("store")){
	let storeObj=JSON.parse(sessionStorage.getItem("store"));
	store.replaceState(Object.assign({}, store.state,storeObj))
}