解决vuex页面刷新数据丢失问题(简单有效)

简介: 解决vuex页面刷新数据丢失问题(简单有效)
 //===========================下面是解决刷新页面丢失vuex数据
  created() {
    //在页面加载时读取sessionStorage里的状态信息
    if (sessionStorage.getItem('store')) {
       console.log(JSON.parse(sessionStorage.getItem('store')))//这里进行得到的store数据进行操作
    }
    //在页面刷新时将vuex里的信息保存到sessionStorage里
    window.addEventListener('beforeunload', () => {
      sessionStorage.setItem('store', JSON.stringify(this.$store.state));
    });
  }


目录
相关文章
|
12月前
|
JavaScript
页面刷新
页面刷新
56 1
|
JavaScript
Vue中v-if失效问题(数据更新,页面没有发生变化)
Vue中v-if失效问题(数据更新,页面没有发生变化)
Vue中v-if失效问题(数据更新,页面没有发生变化)
|
3月前
|
存储 缓存 JavaScript
【vue2】解决Vuex刷新页面数据丢失的问题
【vue2】解决Vuex刷新页面数据丢失的问题
337 6
|
3月前
|
存储 JavaScript
vuex【解决方案】刷新页面数据丢失(两种方法)—— 含 vuex-along 教程
vuex【解决方案】刷新页面数据丢失(两种方法)—— 含 vuex-along 教程
83 0
|
4月前
|
存储 前端开发 数据库
Vuex数据刷新丢失如何处理
Vuex数据刷新丢失如何处理
46 4
|
3月前
|
存储
vuex——重置vuex数据
vuex——重置vuex数据
52 0
|
5月前
|
存储 缓存 JavaScript
vue中缓存页面数据(刷新不丢失)
vue中缓存页面数据(刷新不丢失)
327 1
|
5月前
|
存储 JavaScript
vuex怎么防止数据刷新丢失?
vuex怎么防止数据刷新丢失?
29 1
|
5月前
|
JavaScript
vue 页面刷新、重置、更新页面所有数据
vue 页面刷新、重置、更新页面所有数据
|
5月前
|
存储 JavaScript
解决vuex刷新数据丢失
解决vuex刷新数据丢失
56 0