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