问题描述
Vue界面刷新时仓库Store的数据丢失
解决方案:
1.在页面刷新时将store保存到sessionStorage里
2.在页面加载时读取sessionStorage
created() {
// 在页面加载时读取sessionStorage
if (sessionStorage.getItem('store')) {
this.$store.replaceState(
Object.assign(
{},
this.$store.state,
JSON.parse(sessionStorage.getItem('store'))
)
)
setTimeout(() => {
sessionStorage.removeItem('store')
}, 1000)
}
// 在页面刷新时将store保存到sessionStorage里
window.addEventListener('beforeunload', () => {
sessionStorage.setItem('store', JSON.stringify(this.$store.state))
})
},