解決Vuex頁面重新整理時資料丟失的問題

2021-10-11 19:14:30 字數 383 閱讀 7831

解決方法:將最新的vuex的狀態在頁面重新整理前儲存localstorage或這sessionstorage中;然後頁面載入前將localstorage或這sessionstorage的狀態再讀入到vuex中。

頁面不重新整理,就用vuex的狀態,也只需要維護vuex的狀態;

created() , this.$store.state, json.parse(sessionstorage.getitem('store'))));

}//在頁面重新整理時將vuex裡的資訊儲存到sessionstorage裡

window.addeventlistener('beforeunload', () => );

}

解決vuex頁面重新整理資料丟失

在vue中使用vuex做狀態管理,當重新整理頁面時,發現state裡面的資料丟失,這是因為當頁面重新整理時,store裡面的資料就會重新賦值初始化。解決 將state裡面的資料儲存在本地儲存中,這樣在重新整理頁面時就可以直接從本地儲存拿 1.選擇合適的儲存客戶端 localstorage是永久儲存在...

vuex頁面資料丟失 解決vuex重新整理頁面資料丟失

1 前言 vue構建的專案中,vuex的狀態儲存是響應式的,當vue元件從store中讀取狀態的時候,若store中的狀態發生變化,那麼相應的元件也會得到高效重新整理,問題來了,vuex儲存的資料只是在頁面中,相當於我們定義的全域性變數,重新整理之後,裡面的資料就會恢復到初始化的狀態。比如,使用者已...

解決 重新整理頁面Vuex資料丟失

vue將資料存入vuex裡面,在進行頁面重新整理的時候,資料丟失,這裡有兩個解決辦法應對不同場景 假如你的路由跳了3層以上,而且這幾個頁面都要用同乙個資料roomid,肯定想到路由傳參的方式傳roomid,那麼問題來了 解決方法 初始化得到roomid後,存入sessionstorge vuex裡面...