解決vuex狀態刷新網頁時數據被清空問題

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));
});
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章