<div v-for="(i, index) in Math.ceil(extendedField.length / 4)" :key="index">
<el-row :gutter="20" type="flex">
<el-col :span="6" v-for="item in extendedFieldRow(index)" :key="item.id">
</el-col>
</el-row>
</div>
extendedFieldRow(item) {
let start = item * 4;
let end = (item + 1) * 4;
return this.extendedField.slice(start, end);
}
因为设置type=‘flex’后,元素不能一行展示4个元素,而是一行展示多个。首先一行四个,24栏,每个六个,每四个再循环一次, 把数组重新计算一下再循环出来就对了。