父组件给子组件传值,并在子组件里面渲染该数据

Posted demi-guoba

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了父组件给子组件传值,并在子组件里面渲染该数据相关的知识,希望对你有一定的参考价值。

用@Component() 方式引入子组件JobHeader,dom结构如下:

<!-- v-if="allImg.length > 0 " allImg 里面有数组了,再渲染子组件 JobHeader -->

<JobHeader ref="jobHeader" v-if=" allImg && allImg.length > 0 " :data="allImg"></JobHeader>

用 v-if + :data(data随便定义起名)  的方式传值并控制子组件显示

以上是关于父组件给子组件传值,并在子组件里面渲染该数据的主要内容,如果未能解决你的问题,请参考以下文章

小程序父组件向子组件传值

Vue 父子传值

vue组件父传子、子传父、兄弟组件之间传值

微信小程序父子组件通信

23-父给子传值

vue父子组件数据传输以及实现父子组件数据双向绑定