vuex存储复杂参数(如对象数组等)刷新数据丢失的解决方法


Posted in Javascript onNovember 05, 2019

我需要在搜索页拿到结果之后跳转到搜索结果页并携带搜索结果

尝试过几种方法之后最终采用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存储复杂参数(如对象数组等)刷新数据丢失的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
超越Jquery_01_isPlainObject分析与重构
Oct 20 Javascript
ExtJS中文乱码之GBK格式编码解决方案及代码
Jan 20 Javascript
jQuery制作简单柱状图实例
Jan 28 Javascript
jQuery实现响应鼠标滚动的动感菜单效果
Sep 21 Javascript
jQuery xml字符串的解析、读取及查找方法
Mar 01 Javascript
BootStrap Validator使用注意事项(必看篇)
Sep 28 Javascript
JS动态计算移动端rem的解决方案
Oct 14 Javascript
JavaScript动态绑定详解
Sep 14 Javascript
JavaScript面向对象继承原理与实现方法分析
Aug 09 Javascript
vue+element+Java实现批量删除功能
Apr 08 Javascript
微信小程序 this.triggerEvent()的具体使用
Dec 10 Javascript
JavaScript监听触摸事件代码实例
Dec 30 Javascript
解决vue.js提交数组时出现数组下标的问题
Nov 05 #Javascript
js+html实现点名系统功能
Nov 05 #Javascript
vuex 实现getter值赋值给vue组件里的data示例
Nov 05 #Javascript
在Vue mounted方法中使用data变量详解
Nov 05 #Javascript
解决vue项目F5刷新mounted里的函数不执行问题
Nov 05 #Javascript
vue input标签通用指令校验的实现
Nov 05 #Javascript
vue子传父关于.sync与$emit的实现
Nov 05 #Javascript
You might like
关于初学PHP时的知识积累总结
2013/06/07 PHP
解析关于java,php以及html的所有文件编码与乱码的处理方法汇总
2013/06/24 PHP
php制作unicode解码工具(unicode编码转换器)代码分享
2013/12/24 PHP
php实现模拟post请求用法实例
2015/07/11 PHP
Linux环境下php实现给网站截图的方法
2016/05/03 PHP
PHPStorm 2020.1 调试 Nodejs的多种方法详解
2020/09/17 NodeJs
用javascript实现无刷新更新数据的详细步骤 asp
2006/12/26 Javascript
js中通过split函数分割字符串成数组小例子
2013/09/21 Javascript
利用js制作html table分页示例(js实现分页)
2014/04/25 Javascript
通过js为元素添加多项样式,浏览器全兼容写法
2014/08/30 Javascript
ECMAScript 6即将带给我们新的数组操作方法前瞻
2015/01/06 Javascript
JavaScript操作 url 中 search 部分方法函数
2016/06/15 Javascript
vue.js通过自定义指令实现数据拉取更新的实现方法
2016/10/18 Javascript
vue2滚动条加载更多数据实现代码
2017/01/10 Javascript
jQuery实现弹窗下底部页面禁止滑动效果
2017/12/19 jQuery
微信小程序云开发修改云数据库中的数据方法
2019/05/18 Javascript
[03:07]2015国际邀请赛选手档案EHOME.rOtK 是什么让他落泪?
2015/07/31 DOTA
[01:51]开启你的城市传奇 完美世界城市挑战赛开始报名
2018/10/09 DOTA
[46:38]完美世界DOTA2联赛PWL S2 Magma vs PXG 第三场 11.28
2020/12/02 DOTA
采用python实现简单QQ单用户机器人的方法
2014/07/03 Python
在Python3中初学者应会的一些基本的提升效率的小技巧
2015/03/31 Python
解决Python pandas df 写入excel 出现的问题
2018/07/04 Python
浅谈tensorflow中几个随机函数的用法
2018/07/27 Python
详解使用django-mama-cas快速搭建CAS服务的实现
2019/10/30 Python
python 子类调用父类的构造函数实例
2020/03/12 Python
python FTP编程基础入门
2021/02/27 Python
CSS3 渐变(Gradients)之CSS3 线性渐变
2016/07/08 HTML / CSS
基础的CSS3弹性盒Flexbox布局使用实例
2016/04/08 HTML / CSS
Html5实现用户注册自动校验功能实例代码
2016/05/24 HTML / CSS
高中考试作弊检讨书
2014/01/14 职场文书
《小草和大树》教学反思
2014/02/16 职场文书
计算机专业自荐信
2014/05/24 职场文书
拾金不昧感谢信范文
2015/01/21 职场文书
慰问信范文
2015/02/14 职场文书
canvas多重阴影发光效果实现
2021/04/20 Javascript
刚学完怎么用Python实现定时任务,转头就跑去撩妹!
2021/06/05 Python