vue項目如何從session中獲取對象,并且使用里面的屬性
更新時間：2023年12月08日 09:55:00 作者：一寫代碼就開心
這篇文章主要介紹了vue項目如何從session中獲取對象,并且使用里面的屬性問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
django后端傳給前段一個json對象，vue接收后如何保存在session中，并且可以在其他的頁面從session中拿出對象，用這個對象里面的屬性
后端傳值
以上是django項目，后端返回給前段的一個json對象
前段獲取
利用
JSON.stringify(）
這個函數(shù)，將后端返回的json格式保存在session中
window.sessionStorage.setItem("yhxx",JSON.stringify(res.data.data))
保存后我們在瀏覽器查看
現(xiàn)在我們要從這個session里面獲取這個對象，并且使用他里面的某一個屬性
JSON.parse(）
這個函數(shù) 就是將拿出來的數(shù)據(jù)轉(zhuǎn)為對象
this.userinfo= JSON.parse(window.sessionStorage.getItem('yhxx'))我們在vue頁面使用的時候
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue this.$router.push(參數(shù))實現(xiàn)頁面跳轉(zhuǎn)操作
這篇文章主要介紹了Vue this.$router.push(參數(shù))實現(xiàn)頁面跳轉(zhuǎn)操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-09-09
這篇文章主要介紹了如何利用vue3實現(xiàn)簡單的印章徽章控件，文中通過示例代碼講解詳細，需要的朋友們下面就跟隨小編來一起學習學習吧2023-04-04
深入解析Vue源碼實例掛載與編譯流程實現(xiàn)思路詳解
這篇文章主要介紹了Vue源碼實例掛載與編譯流程實現(xiàn)思路詳解，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-05-05
這篇文章主要介紹了vue-cli-service的參數(shù)配置過程，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
下面小編就為大家分享一篇關(guān)閉Vue計算屬性自帶的緩存功能方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
這篇文章主要介紹了vue實現(xiàn)隨機驗證碼功能的實例代碼，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-04-04
vue-router 是 Vue.js 官方的路由庫.這篇文章主要介紹了vue-router項目實戰(zhàn)總結(jié),需要的朋友可以參考下2018-02-02
這篇文章主要介紹了Vue3狀態(tài)管理的使用詳解，幫助大家更好的理解和學習使用vue框架，感興趣的朋友可以了解下2021-04-04
這篇文章主要介紹了vue實現(xiàn)商城秒殺倒計時功能,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2019-12-12
vue使用keep-alive實現(xiàn)組件切換時保存原組件數(shù)據(jù)方法
這篇文章主要介紹了vue使用keep-alive實現(xiàn)組件切換時保存原組件數(shù)據(jù)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10