解決vuex儲存的資料重新整理頁面時清空

關於頁面重新整理導致vuex（store）裡面的資料消失問題，解決思路：

通過監聽頁面重新整理或者關閉來將 vuex 裡面的資料儲存到 sessionstorage 裡，在頁面載入時讀取 sessionstorage 裡的狀態資訊，更新 vuex 的資料

【方法一】

參考文章： vuex中store儲存的資料，重新整理頁面會清空

主要解決**：

1、更改store檔案下index檔案state的定義

const store = new

vuex.store(
})

mounted() ,

methods: 
}

【方法二】

參考文章：vue單頁面應用重新整理網頁後vuex的state資料丟失的解決方案

主要解決**：

export default

, this.$store.state,json.parse(sessionstorage.getitem("store"))))
} //在頁面重新整理時將vuex裡的資訊儲存到sessionstorage裡
window.addeventlistener("beforeunload",()=>)
}}

!!!【注意】

beforeunload 事件在 ios 上不相容，重新整理頁面時無法執行

解決方案： 使用 pagehide 代替 beforeunload

即：

window.addeventlistener('

pagehide
', () =>)

參考文章： 解決移動端無法監聽頁面重新整理或關閉（beforeunload無效）問題

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

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

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

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

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

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