问题背景:
子组件test.vue如下:
子组件中,在mounted钩子函数中对slot中接收到的dom设置width和height
父组件recommend.vue如下:
sliders是通过异步获取到的数据
如果在父组件中不加上v-if=“sliders.length > 0”这个条件,则子组件中没法对接收到的dom进行设置宽高,个人理解是因为异步获取数据的延迟,在还没获取到数据时,子组件已经调用mounted钩子函数了。于是加上了一个v-if条件,便可以实现所想效果,但是有个疑问,子组件mounted是不是都会等到v-if条件实现后才调用mounted钩子函数,给sliders的赋值添加上一个setTimeout,设置在6s后才获取到值,结果是mounted钩子函数调用了,但是mounted钩子函数中的样式设置没有实现,所以提问一下,Vue中mounted钩子函数的触发时机到底是什么时候,为什么添加上了一个v-if能保证子组件获取到值并进行样式设置,但是如果手动延迟数据的获取的话又失效了?