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