加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

解决vuex中store保存的数据,刷新页面时清空的问题

(2019-08-23 15:35:09)
标签:

vuex

state

store

sessionstorage

分类: 前端技术
问题:
    vuex中store保存的数据,在刷新页面时被清空。

解决方案:
    监听unload方法,如果重载页面就把state存入sessionStorage,然后在需要state的时候从sessionStorage中取值。

更改store文件下index文件state的定义:
const store = new Vuex.Store({
    state:sessionStorage.getItem('state') ? JSON.parse(sessionStorage.getItem('state')): {
        user:'',
        status:''
    }
})

在App.vue中添加:
mounted() {
            window.addEventListener('unload', this.saveState)
},
methods: {
        saveState() {
            sessionStorage.setItem('state', JSON.stringify(this.$store.state))
        }
}

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有