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


写在前面

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

1、问题复现

2、原因分析及解决方法

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

JSON.parse(window.localStorage.getItem("userInfo")).userId


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM