這是我使用 Bootstrap、Vue 和 Axios 的以下代碼：設(shè)置：*忽略component_a中的標(biāo)簽內(nèi)容main.html  <div v-if="activeDisplay === 'ep'">    <component_b @set-active-display="setActiveDisplay" :info="info"></component_b>  </div>  <div v-else-if="activeDisplay === 'dashboard'">    <dashboard></dashboard>  </div>  <div v-else-if="activeDisplay === 'activeEp'">    <component_a :info="info"></component_a>  </div>  <div v-else>    <dashboard></dashboard>  </div>問題：單擊表中 B 中的鏈接后，它正確調(diào)用了setActiveDisplay方法和getAPIData。但是，在getAPIData（即 Axios GET 調(diào)用）運行后，info（根實例）不會更新為在 B 中的表中單擊的單個項目，我從登錄到控制臺中知道這一點。info（根實例）包含表中的所有對象。（組件 B 是打開網(wǎng)頁時首先顯示的組件）然后，網(wǎng)頁更改（正確）以顯示組件 A（由于activeDisplay設(shè)置變量并顯示正確的組件），但我可以看到與表中項目數(shù)相同的選項卡數(shù)。我一瞬間就看到了這一點。然后，組件 A 會更新以顯示最初單擊的正確選項卡。我確定這是一個操作順序問題（因為我是 Vue 的新手），但似乎無法弄清楚為什么info（根實例）對象在運行時未設(shè)置為單個項目。我已經(jīng)在瀏覽器中運行了調(diào)試器，并且getAPIData從未被第二次調(diào)用。getAPIData正在獲取正確的數(shù)據(jù)，但就像 Vue 持有從修改信息到渲染組件 A 的getAPIData調(diào)用的結(jié)果（即使我在單擊組件 B 中的鏈接后要求它更新）操作順序在根信息中使用多個對象在表中渲染 B => 用戶單擊表中的鏈接 => 在 B 中調(diào)用 setActiveDisplay => 在根中發(fā)出事件調(diào)用 setActiveDisplay => 在根中調(diào)用 setActiveDisplay 的 getAPIData （直到此處正確工作） =>應(yīng)該更新根info對象到單個項目=> 由于根info對象（并且由于傳遞給 A 的道具）包含一個來自getAPIData調(diào)用的對象，因此使用一個選項卡呈現(xiàn) A編輯1：經(jīng)過更多調(diào)試，我看到在 vue.js開始處理點擊后，使用正確的 API url 調(diào)用了axios.js 的dispatchRequest 。. . .所以，這個方法完成后，getAPIData 中的this.info = response.data中沒有數(shù)據(jù)。這是我從調(diào)試中發(fā)現(xiàn)的流程細(xì)分：運行 getAPIData 完成（導(dǎo)致根實例的 info 對象未定義 => vue.js 處理組件 B 中表中項目的單擊事件 => axios.js 正在使用完整 URL 調(diào)用 dispactRequest 事件 => more vue. js 處理 => 從 getAPIData 函數(shù)接收響應(yīng)并將信息（根）對象設(shè)置為響應(yīng)所以我看到在顯示我需要的數(shù)據(jù)之前，我需要等待 Axios 調(diào)用完成?，F(xiàn)在的問題是，我如何在 Vue 中做到這一點？謝謝你。