vue.js中如何知道v-if控制的某个子组件已经可以用了?

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

在子组件B里面完成一些业务操作之后会emit一个count变量过来,父组件收到之后,将count的值保存到自己的data里面,如果count>0,子组件A就显示出来了,这时候,父组件会触发子组件A中执行一个函数,这里可以直接调用子组件A的这个函数或者通过store触发子组件自己去执行。
问题:父组件在收到子组件B的emit事件后,怎么保证在子组件A已经显示了之后,再去触发子组件A干活?如果早早触发子组件A干活,可能子组件A还没出来。

阅读 3.4k
2 个回答

对A组件加上V-IF,判断数据是否拿到就好了啊
简单来说, 就是再增加一个开关,比如 showA
在emit函数里同时改变showA和count的值

新手上路,请多包涵

nextTick钩子

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题