el-table-column循环

您需要在vue中循环创建el-table-column组件吗？如果是，请参考以下代码：

<template>
<el-table :data="tableData">
<el-table-column v-for="column in columns" :key="column.prop" :prop="column.prop" :label="column.label">
</el-table-column>
</el-table>
</template>

<script>
export default {
data() {
return {
tableData: [
{ name: 'John', age: 22, gender: 'Male' },
{ name: 'Lisa', age: 28, gender: 'Female' },
{ name: 'Bob', age: 35, gender: 'Male' },
],
columns: [
{ prop: 'name', label: 'Name' },
{ prop: 'age', label: 'Age' },
{ prop: 'gender', label: 'Gender' },
],
};
},
};
</script>