关于element-ui 中table组件，v-for的问题？

Question

如何通过v-for生成表格？

现在是将prop和label属性写死的，但是我想通过v-for从tableConfig中去遍历渲染
这是传入的属性

 tableConfig:  {
    data: data.content.split('\n').map((item)=>{
        return {
            key: {
                label: "键",
                data: item.split(':')[0],
            }, 
            value: {
                label: "值",
                data: item.split(':')[1],
            }
        }
    }),
    maxHeight: '200px',
    label: {
        key: "键",
        value: "值"
    }
}

tableConfig.data就是这个框中的东西

这是现在prop和label属性写死的写法

<el-table
:data="val.tableConfig.data"
>
<el-table-column
    prop="key.data"
    label="键">
</el-table-column>  
<el-table-column
    prop="value.data"
    label="值">
</el-table-column>
</el-table>

求 如何通过v-for生成表格？

Answer 1

<el-table
:data="val.tableConfig.data"
>
<el-table-column v-for=“(every, index) in tableList”
    :prop="every.key"
    :label="every.label"
    :key="index">
</el-table-column>  
</el-table>

data() {
    return {
        tableList: [{
            label: '键',
            key: 'key.data'
        },{
            label: '值',
            key: 'value.data'
        }]
    }
}