vue存值取值本地存储

根据项目需求,也可以使用sessionStorage进行存值取值

1.存值:sessionStorage.setItem(key,value)

sessionStorage.setItem("username",user.name)

2.取值:sessionStorage.getItem(key);

sessionStorage.getItem("username")

如果直接使用sessionStorage.setItem和sessionStorage.getItem来进行存取对象则不能正常使用该对象,并且在Application的SessionStorage中会显示[object object]

解决方法:转换为json格式进行存取

1.存值时转为Json字符串存入,用JSON.stringify()

sessionStorage.setItem('userObj', JSON.stringify(user))

2.取值转回对象,用JSON.parse()

JSON.parse(sessionStorage.getItem('userObj'))

vue存值取值本地存储_第1张图片

你可能感兴趣的:(vue.js,前端,javascript)