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有点区别，但是一般不会这样做，因为这样很难和后端的数据进行匹配对应。
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！