vuex存儲(chǔ)復(fù)雜參數(shù)(如對(duì)象數(shù)組等)刷新數(shù)據(jù)丟失的解決方法

發(fā)布時(shí)間：2020-09-01 09:26:37 來源：腳本之家閱讀：331 作者：辣姐什么鬼欄目：web開發(fā)

我需要在搜索頁拿到結(jié)果之后跳轉(zhuǎn)到搜索結(jié)果頁并攜帶搜索結(jié)果

嘗試過幾種方法之后最終采用vuex+sessionStorage結(jié)合的方法在mutations中

setResultValue(state,flag){
 sessionStorage.setItem("resultValue", JSON.stringify(flag))
 state.resultValue = flag
}

在getters中

getResultValue

getResultValue(state){
 state.resultValue = sessionStorage.getItem("resultValue")
 return state.resultValue
}

在跳轉(zhuǎn)后的頁面獲取這個(gè)數(shù)據(jù)

this.resultValue = JSON.parse(store.getters.getResultValue)

這里可以看到我們用了JSON.stringify和JSON.parse是因?yàn)閟essionStorage存儲(chǔ)對(duì)象的需要，不然在頁面獲取時(shí)只能得到:“[object,object]”

以上這篇vuex存儲(chǔ)復(fù)雜參數(shù)(如對(duì)象數(shù)組等)刷新數(shù)據(jù)丟失的解決方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持億速云。

向AI問一下細(xì)節(jié)

猜你喜歡