Vue前端项目中localStorage中获取数据

写在前面

最近在写前端Vue项目时,由于系统登陆之后,登录用户的一些信息存放在localStorage中,现在需要从localStorage中获取用户的一些信息,这块之前没有接触过,所以费了一番周折,最终取到了数据,方法其实很简单,就是不熟悉,所以特此记录一下,权当备忘吧!

1、问题复现

2、原因分析及解决方法

 如图所示,当前需要获取userInfo中的userId,deptId字段的值,按照之前的想法,认为通过userInfo.userId,userInfo.deptId应该就能获取到,结果发现这样获取的结果却是undefined,后来查了相关资料了解到,前端是通过将对象转为Json格式存储的,所以在取数据的时候,需要进行Json解析,这样才能获取到数据,了解了这一层之后,问题很快就迎刃而解了。具体获取方法如下:

JSON.parse(window.localStorage.getItem("userInfo")).userId
遨游在代码世界里的一条不知名的小船。。。。。。
原文地址:https://www.cnblogs.com/cndarren/p/14691102.html