浏览器刷新时，导致vue中保存的vuex清空

最新推荐文章于 2023-02-01 16:52:52 发布

摸鱼搬砖工

最新推荐文章于 2023-02-01 16:52:52 发布

阅读量409

点赞数 1

分类专栏： vue

本文链接：https://blog.csdn.net/csdn_zhuang/article/details/107726022

版权

vue 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

问题：

浏览器刷新时，导致vue中保存的vuex清空

解决方案

在main.js中加入以下代码：

// 刷新保存状态
if (sessionStorage.getItem('store')) {
  store.replaceState(
    Object.assign({},
      store.state,
      JSON.parse(sessionStorage.getItem('store'))
    )
  )
  sessionStorage.removeItem('store')
}

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