首页 > 其他分享 >vuex sessionStorage存储对象时会显示[object object]的问题

vuex sessionStorage存储对象时会显示[object object]的问题

时间:2022-10-24 11:13:07浏览次数:83  
标签:对象 sessionStorage object window JSON user vuex

VUE如果直接使用window.sessionStorage.setItemwindow.sessionStorage.getItem来进行存取对象的话,不能正常使用该对象,并且在Application的Session Storage中会显示[object object]。

 

 

解决方法:转换为json格式进行存取
存,使用JSON.stringify

window.sessionStorage.setItem("user",JSON.stringify(res.data.user));

,使用JSON.parse

var a = JSON.parse(window.sessionStorage.getItem('user'));

 

参考 (4条消息) VUE使用sessionStorage存取对象时会显示[object object]的解决方法_Leon_BUAA的博客-CSDN博客

标签:对象,sessionStorage,object,window,JSON,user,vuex
From: https://www.cnblogs.com/ysx1129/p/16820822.html

相关文章

  • C# 配置EF接口报错:ObjectContent`1”类型未能序列化内容类型“application/json; char
    WebApi项目中,配置了EntityFramework,一顿LINQ操作后接口调试出现以下错误:{"Message":"出现错误。","ExceptionMessage":"“ObjectContent`1”类型未能序列化内容......
  • 1.Vue系列——Vuex
    Note1-Vuex目录Note1-Vuex1.vuex2.关于状态管理3.安装Vuex4.vuex中的一些核心概念4.1vuex中的状态state4.2vuex中的Getter方法4.3vuex中的Mutation4.4vuex中的Actio......
  • Qt获取QObject对应的类名并把它转为真实类型
    QObject是有窗口类的父类,比如QWidget,QLabel,QPushButton等都直接或间接继承自QObject类。如果把某个窗口中的所有控件都装到一个QList<QObject*>中,那么如何区分当前的是那......
  • java第三讲-类与对象-ClassAndObjectSourceCode
    1.通过对象变量使用对象  1)直接调用类的方法;(添加和调用get()方法取值)  2)存取类的字段;(设置公有字段)publicclassClassAndObjectTest{publicstaticvoidm......
  • Newtonsoft.Json笔记 -JToken、JObject、JArray详解
    在原来解析json数据是,一般都是用反序列化来实现json数据的解读,这需要首先知道json数据的结构并且建立相应的类才能反序列化,一旦遇到动态的json数据,这种方法就不使用。为了......
  • 【json报错】java json can not cast to JSONObject 报错解决方法【java json】【
     请问:如下:是否会报错?  解决方法:请先格式化json,再转对象。   原因:后端只图省事,直接这样写:获取的是json字符串没有转换直接put.   返回的报文就会不......
  • Object-C isSubclassOfClass
    一.isSubclassOfClass简介/*判断是否为对象是否为ClassName或其子类的实例*/-(BOOL)isSubclassOfClass:(Class)aClass;isSubclassOfClass 和 isKindOfClass的作......
  • VueX和组件传参
    组件的传参父传子props子传父事件$emit引用父组件$parent引用子组件$children/$refs引用根组件$root最大组件事件bus传参(跨层级访问数据)(非父子关系)创......
  • object按条件添加属性
    letvariable=falseletobject={}object={...object,...(variable&&{add:true})}console.log(object)//{}variable=trueobject={......
  • ​Vue3插件机制剖析 + 手写实现Vuex
    使用插件这里以vuex使用为例,我们通过​​app.use(store)​​引入vuex插件:<divid="app"><h3@click="add">{{counter}}</h3></div><scriptsrc="http://unpkg.com/vue@nex......