vue element-ui动态生成table表头和数据

element-ui动态生成表头和数据；
应用场景：由于业务需要根据后台返回的数据进行动态的生成表格（表头+数据）；

• 生成表头字段
  1、获取表头数据

  
  image.png

2、表头html代码

image.png

prop 表格字段，label表格字段名 , tableHead表头数据（这里很重要哈）

3、表格主体数据也就是复制给tableData就可以了（这里很重要哈），代码如下：

image.png

那个this.getAjax是我对axios的二次封装过的可以忽略哈

最后就可以出现那个效果了哈～ 效果图如下：

image.png

总结吧：tableHead 在这里循环数据；tableData在这里赋值数据啦啦啦啦，要是有问题可以直接私信哈