父组件的数据还没有初始化好就渲染了子组件, 而且传入了空的数据, 怎么办?

程序员成长之旅 · 程序员成长之旅/Vue.js学习/Vue3 · 76 字

父组件的数据还没有初始化好就渲染了子组件, 而且传入了空的数据, 怎么办?

在父组件中使用v-if判断一下是否初始化完毕, 再渲染即可


<!-- 父组件 -->

<template>

<div>

<target-component v-if='targetData.length > 0'

:data='targetData'

></target-component>

</div>

</template>