Day14,浏览器刷新导致vuex数据重置问题，还可以在搭配 - BB四百 - 沸点 - 掘金

2年前

Day14,浏览器刷新导致vuex数据重置问题，还可以在搭配从后端的请求数据进行设置vuex
// 先检查sessionStorage中是否有数据，若存在数据则加载到vuex
if (sessionStorage.getItem("store")) {
this.$store.replaceState(
Object.assign(
{},
this.$store.state,
JSON.parse(sessionStorage.getItem("store"))
)
);
sessionStorage.removeItem("store")
}

//在页面刷新时将vuex里的信息保存到sessionStorage里
window.addEventListener("beforeunload", () => {
sessionStorage.setItem("store", JSON.stringify(this.$store.state));
});
}

展开

青训营-快乐出发