vue el-table动态表格创建
![效果图](https://img-blog.csdnimg.cn/6771744028644f71bb40a64d09f64201.png)
动态渲染表头;动态匹配表头对应数据
在这里插入代码片
<el-table
:data="tableData"
style="width: 100%"
border
@selection-change="handleSelectionChange"
>
<el-table-column
type="selection"
width="60"
align="center"
></el-table-column>
<el-table-column type="index" width="60" label="编号">
</el-table-column>
<el-table-column
v-for="(item, index) in tableOption"
:key="index"
:label="item.label"
:prop="item.prop"
>
</el-table-column>
</el-table>```
表格数据
**tableData: [],表格渲染绑定数据
// 表格表头数组
tableOption: [],
![在这里插入图片描述](https://img-blog.csdnimg.cn/6723470938b8433f9605602565254694.png)
tableData数据
![在这里插入图片描述](https://img-blog.csdnimg.cn/42837155f9604a92b657df939e889ff0.png)
tableData数据
![在这里插入图片描述](https://img-blog.csdnimg.cn/1fbeb7b5b01d47f3b6082610fcab464d.png)
![在这里插入图片描述](https://img-blog.csdnimg.cn/507974ef3d8441218c486768b1ab16e5.png)
后台数据结构参照
注意:绑定的两个数组,数据要处理,后台返回的数据结构要对应