数据结构如下:
data: {
return {
lists: [{
name: '1',
children: [{
name: '11',
children: [{
name: '111',
children: [{
name: '1111'
}]
}]
}]
},
{
name: '2',
children: [{
name: '22',
},
{
name: '22',
children: [{
name: '222'
}]
}]
}]
}
}
父组件
<div
v-for="(item,index) in lists"
:key="index">
<div v-if="item.children">
<MyItemComment :list-child="item.childComments"/>
</div>
</div>
子组件
<div v-for="(el,ind) in listChile" :key="ind">
<p>{{el.name}}</p>
</div>