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 相关文章推荐
改进UCHOME的记录发布,增强可访问性用户体验
Jan 17 Javascript
IE浏览器不支持getElementsByClassName的解决方法
Aug 27 Javascript
jQuery $命名冲突解决方案汇总
Nov 13 Javascript
JavaScript数组随机排列实现随机洗牌功能
Mar 19 Javascript
相册展示PhotoSwipe.js插件实现
Aug 25 Javascript
浅谈js中startsWith 函数不能在任何浏览器兼容的问题
Mar 01 Javascript
基于jQuery中ajax的相关方法汇总(必看篇)
Nov 08 jQuery
vue-cli整合vuex的时候,修改actions和mutations,实现热部署的方法
Sep 19 Javascript
Node.js+ELK日志规范的实现
May 23 Javascript
如何进行微信公众号开发的本地调试的方法
Jun 16 Javascript
Vue 开发必须知道的36个技巧(小结)
Oct 09 Javascript
vue实现信息管理系统
May 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
ecshop实现smtp发送邮件
2015/02/03 PHP
PHP面向对象之后期静态绑定功能介绍
2015/05/18 PHP
Zend Framework教程之Autoloading用法详解
2016/03/08 PHP
ThinkPHP5框架中使用JWT的方法示例
2020/06/03 PHP
javascript 动态table添加colspan\rowspan 参数的方法
2009/07/25 Javascript
基于jquery的使ListNav兼容中文首字拼音排序的实现代码
2011/07/10 Javascript
jquerymobile checkbox及时刷新才能获取其准确值
2012/04/14 Javascript
javascript测试题练习代码
2012/10/10 Javascript
浅析onsubmit校验表单时利用ajax的return false无效问题
2013/07/10 Javascript
jquery ajax修改全局变量示例代码
2013/11/08 Javascript
JQuery弹出层示例可自定义
2014/05/19 Javascript
页面get请求 中文参数方法乱码问题的快速解决方法
2016/05/31 Javascript
jQuery中animate的几种用法与注意事项
2016/12/12 Javascript
jQuery实现radio第一次点击选中第二次点击取消功能
2017/05/15 jQuery
JS中的两种数据类型及实现引用类型的深拷贝的方法
2018/08/12 Javascript
node.js如何操作MySQL数据库
2020/10/29 Javascript
Vue 简单实现前端权限控制的示例
2020/12/25 Vue.js
[02:35]DOTA2超级联赛专访XB 难忘一年九冠称王
2013/06/20 DOTA
[01:06:39]DOTA2上海特级锦标赛主赛事日 - 1 胜者组第一轮#1Liquid VS Alliance第三局
2016/03/02 DOTA
Python模拟登录验证码(代码简单)
2016/02/06 Python
Python及Django框架生成二维码的方法分析
2018/01/31 Python
解决python中画图时x,y轴名称出现中文乱码的问题
2019/01/29 Python
Python log模块logging记录打印用法解析
2020/01/20 Python
python+adb命令实现自动刷视频脚本案例
2020/04/23 Python
PyCharm安装PyQt5及其工具(Qt Designer、PyUIC、PyRcc)的步骤详解
2020/11/02 Python
让ie浏览器成为支持html5的浏览器的解决方法(使用html5shiv)
2014/04/08 HTML / CSS
Dockers鞋官网:Dockers Shoes
2018/11/13 全球购物
Fox Racing英国官网:越野摩托车和山地自行车服装
2020/02/26 全球购物
俄罗斯苹果优质经销商商店:iPort
2020/05/27 全球购物
亚洲最大的运动鞋寄售店:KicksCrew
2020/11/26 全球购物
校园网站的创业计划书范文
2013/12/30 职场文书
护理专业自荐信范文
2014/02/26 职场文书
法制报告会主持词
2014/04/02 职场文书
我读书我快乐演讲稿
2014/05/07 职场文书
党的群众路线个人对照检查材料
2014/09/23 职场文书
汽车转让协议书范本
2014/12/07 职场文书