MyColumn.vue
<template>
<el-table-column :prop="titledata.values"
:label="titledata.label"
align="left">
<template v-if="titledata.children.length">
<my-column v-for="(item, index) in titledata.children"
:key="index"
:titledata="item"></my-column>
//自己引用自己把item作为titledata的数据传给自己再去走当前的页面,知道titledata.children的长度为0
</template>
</el-table-column>
</template>
<script>
export default {
name: 'MyColumn', //在这里name就相当于注册了当前的组件。可以直接引用自己了。
props: {
titledata: {
type: Object
}
}
}
</script>
网友评论