寫在前面
最近在寫前端Vue項目時,由於系統登陸之后,登錄用戶的一些信息存放在localStorage中,現在需要從localStorage中獲取用戶的一些信息,這塊之前沒有接觸過,所以費了一番周折,最終取到了數據,方法其實很簡單,就是不熟悉,所以特此記錄一下,權當備忘吧!
1、問題復現
2、原因分析及解決方法
如圖所示,當前需要獲取userInfo中的userId,deptId字段的值,按照之前的想法,認為通過userInfo.userId,userInfo.deptId應該就能獲取到,結果發現這樣獲取的結果卻是undefined,后來查了相關資料了解到,前端是通過將對象轉為Json格式存儲的,所以在取數據的時候,需要進行Json解析,這樣才能獲取到數據,了解了這一層之后,問題很快就迎刃而解了。具體獲取方法如下:
JSON.parse(window.localStorage.getItem("userInfo")).userId