鍍金池/ 問(wèn)答/HTML/ vue.js中如何知道v-if控制的某個(gè)子組件已經(jīng)可以用了?

vue.js中如何知道v-if控制的某個(gè)子組件已經(jīng)可以用了?

<div v-if="count>0">
<子組件A>
</div>
<div>
<子組件B>
</div>

在子組件B里面完成一些業(yè)務(wù)操作之后會(huì)emit一個(gè)count變量過(guò)來(lái),父組件收到之后,將count的值保存到自己的data里面,如果count>0,子組件A就顯示出來(lái)了,這時(shí)候,父組件會(huì)觸發(fā)子組件A中執(zhí)行一個(gè)函數(shù),這里可以直接調(diào)用子組件A的這個(gè)函數(shù)或者通過(guò)store觸發(fā)子組件自己去執(zhí)行。
問(wèn)題:父組件在收到子組件B的emit事件后,怎么保證在子組件A已經(jīng)顯示了之后,再去觸發(fā)子組件A干活?如果早早觸發(fā)子組件A干活,可能子組件A還沒(méi)出來(lái)。

回答
編輯回答
乞許

nextTick鉤子

2018年7月29日 05:27
編輯回答
脾氣硬

對(duì)A組件加上V-IF,判斷數(shù)據(jù)是否拿到就好了啊
簡(jiǎn)單來(lái)說(shuō), 就是再增加一個(gè)開(kāi)關(guān),比如 showA
在emit函數(shù)里同時(shí)改變showA和count的值

2017年6月21日 09:58