vue elementui动态生成表格数据
<el-table :data="tableData" border class="mb30">
<!-- 表头 -->
<el-table-column v-for="header in tableHeaders" :label="header"></el-table-column>
<!-- 表体 -->
<el-table-row v-for="item in tableData" :key="item.id">
<el-table-cell v-for="field in item" :key="field.name">{{ field }}</el-table-cell>
</el-table-row>
</el-table>
// 表头信息
tableHeaders: ['ID', '姓名', '年龄'],
tableData: [ //表格数据
{ id: 1, name: '张三', age: 20 },
{ id: 2, name: '李四', age: 25 },
{ id: 3, name: '王五', age: 30 }
]
