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

问题:
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))
}
}

Logo

前往低代码交流专区

更多推荐