element ui 动态添加table列

需求：不知道表格有多少列，具体表头列数从后端返回。如图，红色框框内的列是根据后端返回的数据确认的：

1.做法：(图中红色框内是动态列的写法)

1.1注意这个tableTitle是数组，所以后面的prop和lable使用的是item的属性。tableTitle写法类似：

tableTitle：[{shopName:"店铺1"}，{shopName:"店铺2"}，{shopName:"店铺3"}]

1.2后端返回数据格式如下：

1.3前端接收后端数据后还要进行处理（注意红色框内的的意思是把对应的列进行赋值，相当于对表格每行加对应的列数据）：

以上就结束了。

2.前端动态加列还可以用这种方式，这种是v-for遍历对象，上面的是遍历数组，他们的prop和lable有点区别，但是一般不会这样做，因为这样很难和后端的数据进行匹配对应。