vue+element-ui中的table表格重新修改样式

在使用vue+element-ui开发中遇到表头样式重新渲染的问题。 后台返回的是聚合数组，使用v-for循环渲染。

在渲染的表头中使用vue自带的render函数，element-ui中集成了render-header函数，自带了参数 column,$index。

其中的index可以使用v-for循环的时候直接使用:key="index",这样避免了$index从2开始的问题。 其中也支持svg标签。也支持相应的逻辑处理。 完成之后的样式

在处理label文字的时候使用两个变量来拼接，然后使用函数对数据处理。所以会看到 labelArr = label.split(' \t ')

实现方式也可以借鉴于react中得jsx语法，直接使用标签得方式将table中得样式改善。但是这样得话你的项目中需要安装插件依赖

然后再代码中得体现模式将会非常简单

在此处记录，方便以后使用查找。