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

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

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

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

在处理label文字的时候使用两个变量来拼接,而后使用函数对数据处理。因此会看到 labelArr = label.split(' \t ')element-ui

在此处记录,方便之后使用查找。数组

相关文章
相关标签/搜索