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 相关文章推荐
JavaScript中链式调用之研习
Apr 07 Javascript
js实现有时间限制消失的图片方法
Feb 27 Javascript
jQuery实现html元素拖拽
Jul 21 Javascript
jQuery插件easyUI实现通过JS显示Dialog的方法
Sep 16 Javascript
jQuery Easy UI中根据第一个下拉框选中的值设置第二个下拉框是否可以编辑
Nov 29 Javascript
Vue中v-show添加表达式的问题(判断是否显示)
Mar 26 Javascript
关于vue v-for循环解决img标签的src动态绑定问题
Sep 18 Javascript
浅谈KOA2 Restful方式路由初探
Mar 14 Javascript
浅谈Vue.js 关于页面加载完成后执行一个方法的问题
Apr 01 Javascript
微信小程序后台持续定位功能使用详解
Aug 23 Javascript
微信小程序录音实现功能并上传(使用node解析接收)
Feb 26 Javascript
解决vue中axios设置超时(超过5分钟)没反应的问题
Sep 04 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编码转换函数 自动转换字符集支持数组转换
2012/12/16 PHP
Laravel 5 学习笔记
2015/03/06 PHP
详解php魔术方法(Magic methods)的使用方法
2016/02/14 PHP
PHP利用Socket获取网站的SSL证书与公钥
2017/06/18 PHP
yii2的restful api路由实例详解
2019/05/14 PHP
Yii框架数据库查询、增加、删除操作示例
2019/10/14 PHP
jquery.validate分组验证代码
2011/03/17 Javascript
Json字符串转换为JS对象的高效方法实例
2013/05/01 Javascript
JS删除字符串中重复字符方法
2014/03/09 Javascript
jQuery实现日期联动效果实例
2016/07/26 Javascript
js实现可旋转的立方体模型
2016/10/16 Javascript
JS实现动态给标签控件添加事件的方法示例
2017/05/13 Javascript
p5.js入门教程之键盘交互
2018/03/19 Javascript
教你如何用node连接redis的示例代码
2018/07/12 Javascript
vue项目引入Iconfont图标库的教程图解
2018/10/24 Javascript
vue-cli3 从搭建到优化的详细步骤
2019/01/20 Javascript
详解微信小程序入门从这里出发(登录注册、开发工具、文件及结构介绍)
2020/07/21 Javascript
python抓取网页时字符集转换问题处理方案分享
2014/06/19 Python
详解Python中break语句的用法
2015/05/14 Python
在pycharm中python切换解释器失败的解决方法
2018/10/29 Python
Python实现二维曲线拟合的方法
2018/12/29 Python
Python设计模式之策略模式实例详解
2019/01/21 Python
python的pygal模块绘制反正切函数图像方法
2019/07/16 Python
对django中foreignkey的简单使用详解
2019/07/28 Python
基于SQLAlchemy实现操作MySQL并执行原生sql语句
2020/06/10 Python
PyCharm 2020.2.2 x64 下载并安装的详细教程
2020/10/15 Python
python 如何设置守护进程
2020/10/29 Python
CSS3中的display:grid,网格布局介绍
2019/10/30 HTML / CSS
html5教你做炫酷的碎片式图片切换 (canvas)
2017/07/28 HTML / CSS
德国隐形眼镜店:LuckyLens
2018/07/29 全球购物
旅游业大学生创业计划书
2014/01/31 职场文书
战友聚会主持词
2014/04/02 职场文书
彩妆大赛策划方案
2014/05/13 职场文书
教师反腐倡廉演讲稿
2014/09/03 职场文书
2014年国庆节演讲稿
2014/09/19 职场文书
完美处理python与anaconda环境变量的冲突问题
2021/04/07 Python