如何解决localStorage.getItem返回[object Object]的问题?
- 内容介绍
- 文章标签
- 相关推荐
本文共计361个文字,预计阅读时间需要2分钟。
设计背景:购物车需要实现本地存储,避免刷新页面数据丢失的实现方案:
1.本地存储
2.页面获取本地数据
3.数据操作后,每次操作将数据传给后台保存(操作数据)
设计背景: 购物车要实现本地存储,避免刷新页面数据丢失
实现方案: 1,本地储存,进入页面获取本地数据,在进行数据操作
2,每操作一次数据就将数据传给后台进行保存,(操作数据多,用户量大对服务器造成压力较大)
选择方案2
localStorage.setItem 只能存储字符串,
所以在储存的时候先将对象转换为字符串
localStorage.setItem("localKey", JSON.stringify(this.cartGroup))
然后再将字符串转换为对象
方法1: JSON.parse(localStorage.getItem("localKey")方法2: eval("("+localStorage.getItem("localKey")+")")
本文共计361个文字,预计阅读时间需要2分钟。
设计背景:购物车需要实现本地存储,避免刷新页面数据丢失的实现方案:
1.本地存储
2.页面获取本地数据
3.数据操作后,每次操作将数据传给后台保存(操作数据)
设计背景: 购物车要实现本地存储,避免刷新页面数据丢失
实现方案: 1,本地储存,进入页面获取本地数据,在进行数据操作
2,每操作一次数据就将数据传给后台进行保存,(操作数据多,用户量大对服务器造成压力较大)
选择方案2
localStorage.setItem 只能存储字符串,
所以在储存的时候先将对象转换为字符串
localStorage.setItem("localKey", JSON.stringify(this.cartGroup))
然后再将字符串转换为对象
方法1: JSON.parse(localStorage.getItem("localKey")方法2: eval("("+localStorage.getItem("localKey")+")")

![如何解决localStorage.getItem返回[object Object]的问题?](/imgrand/JKcXOJew.webp)