div组件使用v-for遍历对象

v-bind:key=" " 可以写为 :key" "，必填。

 这里从后端读取的是mouth数组，假设后端返回的prop字段名为children，则v-for="item in scope.row.children"，遍历children对象里的每一个item。

class为css，自己设定。

<!--当在组件中使用v-for时，必须使用key属性，必须使用v-bind指定key的值，key的属性只能是string或number -->
<el-table-column label="月份" align="center" width="250">
    <template slot-scope="scope" >
        <div class="task" >
            <div v-for="childrenItem in scope.row.mouth" :key="childrenItem.taskName">                    
                <div class="childTaskName">{{childrenItem.taskName}}</div>
                <div class="childFinishDate">{{childrenItem.estFinishDate}}</div>
                <div class="childFinishDate">{{childrenItem.actFinishDate}}</div>
            </div>
        </div>
    </template>
</el-table-column>
                       

     如图，红框为task,设定了长度，只能显示3个对象。

蓝框为childTaskName，紫框为childFinishDate。是children里的item。