欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間:2019年11月05日 16:57:58   作者:辣姐什么鬼  
今天小編就為大家分享一篇vuex存儲復(fù)雜參數(shù)(如對象數(shù)組等)刷新數(shù)據(jù)丟失的解決方法。具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧

我需要在搜索頁拿到結(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)后的頁面獲取這個數(shù)據(jù)

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

這里可以看到我們用了JSON.stringify和JSON.parse是因為sessionStorage存儲對象的需要,不然在頁面獲取時只能得到:“[object,object]”

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

相關(guān)文章

  • 基于vue+canvas的excel-like組件實例詳解

    基于vue+canvas的excel-like組件實例詳解

    a vue component,基于vue的表格組件,主要解決大數(shù)據(jù)量的表格渲染性能問題,使用canvas繪制表格,同時支持類似excel的批量選中,復(fù)制黏貼刪除,實時編輯等功能.這篇文章主要介紹了基于vue+canvas的excel-like組件,需要的朋友可以參考下
    2017-11-11
  • Vue.js 中的 v-model 指令及綁定表單元素的方法

    Vue.js 中的 v-model 指令及綁定表單元素的方法

    這篇文章主要介紹了Vue.js 中的 v-model 指令及綁定表單元素的方法,本文通過實例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價值,需要的朋友可以參考下
    2018-12-12
  • 關(guān)于Vue.nextTick()的正確使用方法淺析

    關(guān)于Vue.nextTick()的正確使用方法淺析

    最近在項目中遇到了一個需求,我們通過Vue.nextTick()來解決這一需求,但發(fā)現(xiàn)網(wǎng)上這方面的資料較少,所以自己來總結(jié)下,下面這篇文章主要給大家介紹了關(guān)于Vue.nextTick()正確使用方法的相關(guān)資料,需要的朋友可以參考下。
    2017-08-08
  • 詳解Vue組件插槽的使用以及調(diào)用組件內(nèi)的方法

    詳解Vue組件插槽的使用以及調(diào)用組件內(nèi)的方法

    在本篇文章里我們給大家分享了Vue組件插槽的使用以及調(diào)用組件內(nèi)的方法相關(guān)知識點,有需要的朋友們參考下。
    2018-11-11
  • vue 使用Jade模板寫html,stylus寫css的方法

    vue 使用Jade模板寫html,stylus寫css的方法

    這篇文章主要介紹了vue 使用Jade模板寫html,stylus寫css的方法,文中還給大家提到了使用jade注意事項,需要的朋友可以參考下
    2018-02-02
  • vue如何基于el-table實現(xiàn)多頁多選及翻頁回顯過程

    vue如何基于el-table實現(xiàn)多頁多選及翻頁回顯過程

    在最近的一個項目中我需要實現(xiàn)表格的翻頁,并且還要實現(xiàn)全選、多選功能,下面這篇文章主要給大家介紹了關(guān)于vue如何基于el-table實現(xiàn)多頁多選及翻頁回顯過程的相關(guān)資料,需要的朋友可以參考下
    2022-12-12
  • vue引用json文件的方法小結(jié)

    vue引用json文件的方法小結(jié)

    這篇文章主要介紹了vue引用json文件,解決怎么從控制臺把數(shù)據(jù)移到j(luò)son文件中,只需要直接右擊復(fù)制值即可,需要的朋友可以參考下
    2022-09-09
  • Vue項目打包到服務(wù)器后請求接口報錯404的解決

    Vue項目打包到服務(wù)器后請求接口報錯404的解決

    這篇文章主要介紹了Vue項目打包到服務(wù)器后請求接口報錯404的解決方案,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-05-05
  • vue中父子組件傳值,解決鉤子函數(shù)mounted只運行一次的操作

    vue中父子組件傳值,解決鉤子函數(shù)mounted只運行一次的操作

    這篇文章主要介紹了vue中父子組件傳值,解決鉤子函數(shù)mounted只運行一次的操作,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2020-07-07
  • 一文教會你搭建vite項目并配置路由和element-plus

    一文教會你搭建vite項目并配置路由和element-plus

    由于項目搭建過程實在繁瑣,容易遺忘,每次新建項目還得百度一下怎么搭建,所以寫下本文提醒自己,下面這篇文章主要給大家介紹了關(guān)于搭建vite項目并配置路由和element-plus的相關(guān)資料,需要的朋友可以參考下
    2022-07-07

最新評論