javascript - vue渲染子組件異步問題

問題描述

現在有一個組件A。里面包含了組件B,C，D,由于涉及了數據共享，組件B需要用x參數發請求，但是x參數是在A里面發請求獲取到的，現在出現的問題是在A還沒獲取到參數x的時候B就已經先一步發請求了（結果請求400錯誤）,出現問題的根本問題是父組件與子組件的渲染都是異步進行的，在父組件獲取參數時用了async+await。

async beforeMount(){ let x = await this.getCityInfo(); this.GET_POSITION(x); console.log(11);},

現在目前能想到的方案就將B,C,D全部整合到A內部，使A內部沒有子組件，這樣就不會有組件之間異步渲染的問題，請問還有其他更好的方案嗎？

問題解答

獲取 x 成功之前不渲染 B

<B v-if='x'></B>

或者 B 自己 watch prop x ，值不對不發請求。

watch: { x (value) { if (value) { // send request } }}回答2：

A請求完了emit一個事件 B去監聽就是了