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

在使用vue+element-ui开发中遇到表头样式重新渲染的问题。后台返回的是聚合数组，使用v-for循环渲染。在渲染的表头中使用vue自带的render函数，element-ui中集成了render-header函数，自带了参数column,$index。其中的index可以使用v-for循环的时候直接使用:key="index",这样避免了$index从2开始的问题。其中也支持...

weixin_34289454

4610人浏览 · 2019-04-20 05:14:06

weixin_34289454 · 2019-04-20 05:14:06 发布

在使用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 ')

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

转载于:https://juejin.im/post/5cbaa6f6f265da037d4fa8be

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^