三個組件: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 我這個問題有沒有可以解決的辦法。非常感謝
vue 在不使用 vuex 的情況下組件與組件之間的通信問題
德瑪西亞99
2018-10-09 17:15:54