vue 项目中从session中获取对象,并且使用里面的属性

django后端传给前段一个json对象,vue接收后如何保存在session中,并且可以在其他的页面从session中拿出对象,用这个对象里面的属性

后端传值

vue 项目中从session中获取对象,并且使用里面的属性_第1张图片
以上是django项目,后端返回给前段的一个json对象

前段获取

利用
JSON.stringify()
这个函数,将后端返回的json格式保存在session中

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

保存后我们在浏览器查看

vue 项目中从session中获取对象,并且使用里面的属性_第2张图片
现在我们要从这个session里面获取这个对象,并且使用他里面的某一个属性

JSON.parse()
这个函数 就是将拿出来的数据转为对象

this.userinfo= JSON.parse(window.sessionStorage.getItem('yhxx'))

我们在vue页面使用的时候

在这里插入图片描述

你可能感兴趣的:(Vue,vue,json,js)