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

django后端传给前段一个json对象，vue接收后如何保存在session中，并且可以在其他的页面从session中拿出对象，用这个对象里面的属性后端传值以上是django项目，后端返回给前段的一个json对象前段获取利用JSON.stringify(）这个函数，将后端返回的json格式保存在session中window.sessionStorage.setItem("yhxx",JSON.s

一天不写代码难受

8558人浏览 · 2021-05-23 16:41:30

一天不写代码难受 · 2021-05-23 16:41:30 发布

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

后端传值

在这里插入图片描述
以上是django项目，后端返回给前段的一个json对象

前段获取

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

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

保存后我们在浏览器查看

在这里插入图片描述
现在我们要从这个session里面获取这个对象，并且使用他里面的某一个属性

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

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

我们在vue页面使用的时候

在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^