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 相关文章推荐
js document.write()使用介绍
Feb 21 Javascript
用jquery的方法制作一个简单的导航栏
Jun 23 Javascript
js监听鼠标事件控制textarea输入字符串的个数
Sep 29 Javascript
IE7浏览器窗口大小改变事件执行多次bug及IE6/IE7/IE8下resize问题
Aug 21 Javascript
javascript实现瀑布流加载图片原理
Feb 02 Javascript
JavaScript的String字符串对象常用操作总结
May 26 Javascript
jQuery实现指定区域外单击关闭指定层的方法【经典】
Jun 22 Javascript
js与jquery正则验证电子邮箱、手机号、邮政编码的方法
Jul 04 Javascript
js+div+css下拉导航菜单完整代码分享
Dec 28 Javascript
vue项目webpack中Npm传递参数配置不同域名接口
Jun 15 Javascript
react native 获取地理位置的方法示例
Aug 28 Javascript
详解如何使用React Hooks请求数据并渲染
Oct 18 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
如何分别全角和半角以避免乱码
2006/10/09 PHP
php生成缩略图的类代码
2008/10/02 PHP
ThinkPHP的Widget扩展实例
2014/06/19 PHP
php强制运行广告的方法
2014/12/01 PHP
基础的WordPress插件制作教程
2015/11/24 PHP
微信网页授权(OAuth2.0) PHP 源码简单实现
2016/08/29 PHP
浅谈php处理后端&接口访问超时的解决方法
2016/10/29 PHP
让你的PHP,APACHE,NGINX支持大文件上传
2021/03/09 PHP
JavaScript网页制作特殊效果用随机数
2007/05/22 Javascript
浏览器加载、渲染和解析过程黑箱简析
2012/11/29 Javascript
JavaScript跨浏览器获取页面中相同class节点的方法
2015/03/03 Javascript
JavaScript统计网站访问次数的实现代码
2015/11/18 Javascript
前端面试题及答案整理(二)
2016/08/26 Javascript
JavaScript中Array的实用操作技巧分享
2016/09/11 Javascript
正则中的回溯定义与用法分析【JS与java实现】
2016/12/27 Javascript
AngularJS constant和value区别详解
2017/02/28 Javascript
Vue源码学习之初始化模块init.js解析
2017/11/02 Javascript
微信小程序实现全局搜索代码高亮的示例
2018/03/30 Javascript
Vue实现点击箭头上下移动效果
2020/06/11 Javascript
Python访问纯真IP数据库脚本分享
2015/06/29 Python
python中安装模块包版本冲突问题的解决
2017/05/02 Python
哈工大自然语言处理工具箱之ltp在windows10下的安装使用教程
2020/05/07 Python
HTML5新增元素如何兼容旧浏览器有哪些方法
2014/05/09 HTML / CSS
专注澳大利亚特产和新西兰特产的澳洲中文网:0061澳洲制造
2019/03/24 全球购物
英国DIY和家居装饰领域的主要品牌:Wickes
2019/11/26 全球购物
大学生求职信范文应怎么写
2014/01/01 职场文书
大学生表扬信范文
2014/01/09 职场文书
销售人员自我评价
2014/02/01 职场文书
护理专科自荐书范文
2014/02/18 职场文书
民族团结先进个人事迹材料
2014/06/02 职场文书
商家认证委托书格式
2014/10/16 职场文书
幼儿园大班毕业评语
2014/12/31 职场文书
《曹冲称象》教学反思
2016/02/20 职场文书
pytest进阶教程之fixture函数详解
2021/03/29 Python
MySQL 发生同步延迟时Seconds_Behind_Master还为0的原因
2021/06/21 MySQL
对象析构函数__del__在Python中何时使用
2022/03/22 Python