vuex存储复杂参数(如对象数组等)刷新数据丢失的解决方法
2019-11-06 07:04
1081 查看
我需要在搜索页拿到结果之后跳转到搜索结果页并携带搜索结果
尝试过几种方法之后最终采用vuex+sessionStorage结合的方法在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 }
在跳转后的页面获取这个数据
this.resultValue = JSON.parse(store.getters.getResultValue)
这里可以看到我们用了JSON.stringify和JSON.parse是因为sessionStorage存储对象的需要,不然在页面获取时只能得到:“[object,object]”
以上这篇vuex存储复杂参数(如对象数组等)刷新数据丢失的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考
您可能感兴趣的文章:
相关文章推荐
- 解决vuex页面刷新数据丢失问题?
- 2、vuex页面刷新数据不保留,解决方法(转)
- 硬盘无法访问 D:\参数不正确不丢失数据解决方法 [记录]
- 在 vue-cli 中,使用VueX,并解决刷新state数据丢失问题
- 解决vuex在页面刷新后数据丢失的问题
- 结合localStorage解决vuex页面刷新数据丢失的问题
- Vuex数据页面刷新丢失问题解决方案
- 关于VS “ 警告 C4244 “参数”: 从“time_t”转换到“unsigned int”,可能丢失数据 ”的解决方法
- vuex页面刷新数据不保留,解决方法(转)
- Vue中使用vuex,页面刷新登录状态不丢失,退出登录后清空登录状态的解决方法
- vuex页面刷新后数据丢失的方法
- 还原dedecms数据后系统基本参数空白的解决方法
- 存储过程参数的时间默认值解决方法
- 丢失数据文件,没有备份,如何启库的解决方法
- AJAX处理 POST数据中有特殊符号导致数据丢失的解决方法
- 存储过程调试过程中DATETIME参数的输入故障解决方法
- 关于在FireFox 3.0 中showModalDialog的页面刷新window.dialogArguments引用丢失的解决方法
- ADO oracle 存储过程参数32k限制解决方法
- QT 自定义信号与信号槽方法及解决自定义数据类型或数组作为函数参数的问题
- 服务器数据丢失的紧急解决方法