vue中以对象的形式存放到localStorage中

最新推荐文章于 2024-10-27 17:15:51 发布

原创最新推荐文章于 2024-10-27 17:15:51 发布 · 667 阅读

1 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种使用localStorage来保存和获取用户信息的方法。通过解析响应数据并将其字符串化存储，之后可以轻松地从localStorage中读取这些信息，用于前端应用的状态管理。

resp是从后端取到的数据
let psnInfo = {
  deptCode: resp.psnInfo.deptCode,
  deptName: resp.psnInfo.deptName,
  psnCode: resp.psnInfo.psnCode,
  psnName: resp.psnInfo.psnName
}
localStorage.setItem('psnInfo', JSON.stringify(psnInfo))

获得localStorage的数据

psnInfo () {
  const psnInfo = JSON.parse(localStorage.getItem('psnInfo'))
  return psnInfo
}

this.deptName = this.psnInfo().deptName
this.deptCode = this.psnInfo().deptCode
this.psnCode = this.psnInfo().psnCode
this.psnName = this.psnInfo().psnName