首頁猿問我想用Vue實(shí)現(xiàn)登陸成功后在導(dǎo)航欄...

我想用Vue實(shí)現(xiàn)登陸成功后在導(dǎo)航欄的右上角顯示用戶信息該怎么做呢？

JavaScript

慕妹3242003 2019-03-13 14:15:29

點(diǎn)擊登錄進(jìn)入登錄的界面，成功后會(huì)跳轉(zhuǎn)至首頁，這時(shí)候我想實(shí)現(xiàn)登錄的這里顯示用戶信息以及注銷功能，該怎么做呢？

查看完整描述

4 回答

qq_笑_17

TA貢獻(xiàn)1818條經(jīng)驗(yàn) 獲得超7個(gè)贊

使用Vuex將登陸狀態(tài)存儲(chǔ)，在需要展示登陸信息的地方取出這個(gè)狀態(tài)即可。

但是僅僅這樣，會(huì)遇到網(wǎng)頁刷新后，這些狀態(tài)全部丟失的問題。

我的做法是將VueX的狀態(tài)存儲(chǔ)至sessionStorage，這樣保證刷新頁面不會(huì)丟失狀態(tài)。

反對(duì) 回復(fù) 2019-04-04

函數(shù)式編程

TA貢獻(xiàn)1807條經(jīng)驗(yàn) 獲得超9個(gè)贊

vuex配合本地存儲(chǔ)吧

反對(duì) 回復(fù) 2019-04-04

繁星淼淼

TA貢獻(xiàn)1775條經(jīng)驗(yàn) 獲得超11個(gè)贊

如果沒有使用vuex的話掛載全局變量存儲(chǔ)用戶信息然后配合本地存儲(chǔ)

反對(duì) 回復(fù) 2019-04-04

慕仙森

TA貢獻(xiàn)1827條經(jīng)驗(yàn) 獲得超8個(gè)贊

這個(gè)地方有兩個(gè)表現(xiàn)形式，而且涉及到的是登錄狀態(tài)，使用場(chǎng)景比較多，所以建議使用vuex讀取緩存進(jìn)行管理，只需要給個(gè)computed讀取vuex來判斷是不是已經(jīng)登陸，是的話就顯示不同的組件。

反對(duì) 回復(fù) 2019-04-04

關(guān)注

舉報(bào)

0/150

提交

取消

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)