第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

vue 在不使用 vuex 的情況下組件與組件之間的通信問題

vue 在不使用 vuex 的情況下組件與組件之間的通信問題

德瑪西亞99 2018-10-09 17:15:54
三個組件:index.vueregister.vuelogin.vue說明一下彼此之間的關(guān)系:index.vue 包含 login.vue通過 prop 屬性和 自定義事件 vue.$emit('xxx') 通信register.vue 包含 login.vue彼此通過 prop 屬性和 自定義事件 vue.$emit('xxx') 通信index.vue 通過 <router-view> 到 register.vue彼此之間沒有直接的關(guān)系問題:index.vue 和 register.vue 都包含一個登錄按鈕和登錄狀態(tài):     data() {        ifLogin: false; // 未登錄     }當(dāng)我點(diǎn)擊 index.vue 的登錄按鈕,login.vue 會通過彈窗形式彈出,并且經(jīng)過表單輸入后點(diǎn)擊登錄,會把登錄狀態(tài)傳回給 index.vue,然后 index.vue 的登錄狀態(tài)切換成 ifLogin: true 這一步已經(jīng)完成沒有問題很簡單當(dāng)我點(diǎn)擊 register.vue 的登錄按鈕,login.vue 也會通過彈窗形式彈出,并且經(jīng)過表單輸入后點(diǎn)擊登錄,會跳轉(zhuǎn)到 index.vue 這個首頁,但問題是 index.vue 中的登錄狀態(tài)沒有切換,我需要刷新一遍登錄狀態(tài)才會變成 ifLogin: true 。我希望能不刷新頁面 index.vue 的狀態(tài)就切換。不明白我問題的話思考一下,其實(shí)就是login.vue 分別給 index.vue 和 register.vue 都綁定了通信如果不用 vuex 我這個問題有沒有可以解決的辦法。非常感謝
查看完整描述

1 回答

?
汪汪一只貓

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

如果不用vuex保存登錄狀態(tài)的話,就我的想法來看,有兩種辦法。其一,就是在login中登陸成功后,將登陸狀態(tài)保存到sessionStorage中,在每一次進(jìn)入index中之間,都先判斷下sessionStorage中的登錄狀態(tài),如果為真,則將index中的狀態(tài)置為真,如果為假,則isLogin不做改變,還是未登錄;第二種就是可以在跳回到index的時候把isLogin為真作為query傳遞到index,再在index中判斷傳遞過來的query。其實(shí)原理都是一樣,只不過一個是query,另一個是sessionStorage罷了。就我的經(jīng)驗(yàn),登錄狀態(tài)用sessionStorage更合理些。


查看完整回答
反對 回復(fù) 2018-11-24
  • 1 回答
  • 0 關(guān)注
  • 641 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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