vuex数据是保存在内存中的,页面每次刷新都会导致vuex里的数据被重置,目前的方案是在页面刷新前把数据存到localStorage
在App.vue内操作:
export default {
name: 'App',
data() {
return {
}
},
created() {
//解决vuex数据在页面刷新被重置的问题
//在页面加载时读取sessionStorage里的状态信息
if (sessionStorage.getItem("store")) {
this.$store.replaceState(Object.assign({}, this.$store.state, JSON.parse(sessionStorage.getItem("store"))))
}
//在页面刷新时将vuex里的信息保存到sessionStorage里
window.addEventListener("beforeunload", () => {
sessionStorage.setItem("store", JSON.stringify(this.$store.state))
})
},
methods: {
}
}