解决vuex中store保存的数据,刷新页面时清空的问题
解决vuex中store保存的数据,刷新页面时清空的问题问题:vuex中store保存的数据,在刷新页面时被清空。解决方案:监听unload方法,如果重载页面就把state存入sessionStorage,然后在需要state的时候从sessionStorage中取值。更改store文件下index文件state的定义:const store = new Vuex.Store({state:ses
·
解决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))
}
}
更多推荐
已为社区贡献1条内容
所有评论(0)