vue將資料存入vuex裡面,在進行頁面重新整理的時候,資料丟失,這裡有兩個解決辦法應對不同場景:
假如你的路由跳了3層以上,而且這幾個頁面都要用同乙個資料roomid,肯定想到路由傳參的方式傳roomid,那麼問題來了:
解決方法:
初始化得到roomid後,存入sessionstorge
vuex裡面的state直接讀取存入sessionstorge的這個roomid
在頁面修改roomid的時候,提交mutation修改vuex裡面存的roomid,同時將這個roomid存入sessionstorge
頁面裡面用到roomid的地方都去從vuex裡面讀取
// store
state:
,mutations:)}
,},mounted()
,
然後在你重新整理的頁面獲取state.datalist vuex頁面資料丟失 解決vuex重新整理頁面資料丟失
1 前言 vue構建的專案中,vuex的狀態儲存是響應式的,當vue元件從store中讀取狀態的時候,若store中的狀態發生變化,那麼相應的元件也會得到高效重新整理,問題來了,vuex儲存的資料只是在頁面中,相當於我們定義的全域性變數,重新整理之後,裡面的資料就會恢復到初始化的狀態。比如,使用者已...
解決vuex重新整理頁面資料丟失
vue構建的專案中,vuex的狀態儲存是響應式的,當vue元件從store中讀取狀態的時候,若store中的狀態發生變化,那麼相應的元件也會得到高效重新整理,問題來了,vuex儲存的資料只是在頁面中,相當於我們定義的全域性變數,重新整理之後,裡面的資料就會恢復到初始化的狀態。比如,使用者已經登入了,...
解決vuex存放資料後重新整理頁面資料丟失問題
cookie 不適合儲存大量的資料。localstorage 是永久儲存,瀏覽器關閉後資料不會丟失,除非主動刪除資料。當關閉頁面後重新開啟,會讀取上一次開啟的頁面資料。sessionstorage 在當前瀏覽器視窗關閉後自動刪除。所以,sessionstorage 最合適。監聽 beforeunlo...