在app.vue文件里
vue2 的 mounted生命周期下 或 vue3的 onMounted生命周期下
// 监听页面刷新前,将vuex数据存在本地
window.addEventListener("beforeunload", () => {
localStorage.setItem("stateInfo", JSON.stringify(this.$store.state));
});
// 刷新后,将本地对应数据替换到vuex,并将本地对应数据删除
if (localStorage.getItem("stateInfo")) {
this.$store.replaceState(
Object.assign(
{},
this.$store.state,
JSON.parse(localStorage.getItem("stateInfo"))
)
);
}
localStorage.removeItem("stateInfo")