vuex狀態管理,在網頁刷新數據被清空的解決方法。
在main.js中寫入下面的代碼段(親測有效)
//刷新保存狀態
if (sessionStorage.getItem("store")) {
store.replaceState(
Object.assign(
{},
store.state,
JSON.parse(sessionStorage.getItem("store"))
)
);
sessionStorage.removeItem("store")
}
//監聽,在頁面刷新時將vuex裏的信息保存到sessionStorage裏
window.addEventListener("beforeunload", () => {
sessionStorage.setItem("store", JSON.stringify(store.state));
});