1. 程式人生 > >Vue中使用vuex在頁面重新整理之後狀態不丟失的解決方法

Vue中使用vuex在頁面重新整理之後狀態不丟失的解決方法

const store = new Vuex.Store({ // 定義狀態

            myInfo: JSON.parse(localStorage.getItem("myInfo")) || {}, //這裡使用JSON.parse是因為我localStorage中儲存的是一個物件字串 },

//修改狀態 mutations:{

setInfo(state,info){

       localStorage.setItem('myInfo', JSON.stringify(info));

//將傳遞的資料先儲存到localStorage中

        state.myInfo = info;// 之後才是修改state中的狀態

},

}, }) export default store

把它放到localStorage裡面就可以啦。但是要注意退出登入時清除localStorage.setItem("myInfo","")。下一次來的時候重新覆蓋。