vuexは、オブジェクト配列などの複雑なパラメータを記憶しています。データの損失を更新する解決方法です。
777 ワード
検索ページで結果を得てから検索結果ページにジャンプして検索結果を携帯したいです。
いくつかの方法を試した後、最終的にはvuex+session Storrageを組み合わせた方法がmuttionsにあります。
以上のvuexは複雑なパラメータ(対象配列など)を記憶しています。データの損失を更新する解決方法は小編集が皆さんに共有する内容です。参考にしていただければ幸いです。どうぞよろしくお願いします。
いくつかの方法を試した後、最終的にはvuex+session Storrageを組み合わせた方法がmuttionsにあります。
setResultValue(state,flag){
sessionStorage.setItem("resultValue", JSON.stringify(flag))
state.resultValue = flag
}
ゲテウスの中で
getResultValue
getResultValue(state){
state.resultValue = sessionStorage.getItem("resultValue")
return state.resultValue
}
ジャンプしたページでこのデータを取得します。
this.resultValue = JSON.parse(store.getters.getResultValue)
ここではJSON.strigifyとJSON.parseを使ったのはsession Strageの保存対象のためです。そうでなければ、ページを取得する時にしか入手できません。以上のvuexは複雑なパラメータ(対象配列など)を記憶しています。データの損失を更新する解決方法は小編集が皆さんに共有する内容です。参考にしていただければ幸いです。どうぞよろしくお願いします。