VUE 3
处理表格绑定的数据
data.orderIndexArr = []; //setup 定义的 data属性下的空数组
let OrderObj = {};
data.drugTableList.forEach((element, index) => {
element.rowIndex = index;
if (OrderObj[element.bedNo]) {
OrderObj[element.bedNo].push(index);
} else {
OrderObj[element.bedNo] = [];
OrderObj[element.bedNo].push(index);
}
}); //data.drugTableList 表格绑定大的数据源 bedNo需要判断是否合并的数组中的属性
// 将数组长度大于1的值 存储到this.OrderIndexArr(也就是需要合并的项)
for (let k in OrderObj) {
if (OrderObj[k].length > 1) {
data.orderIndexArr.push(OrderObj[k]);
}
}
const objectSpanMethod = ({ row, column, rowIndex, columnIndex }: any) => {
if (columnIndex === 1) {
for (let i = 0; i < data.orderIndexArr.length; i++) {
let element = data.orderIndexArr[i];
for (let j = 0; j < element.length; j++) {
let item = element[j];
if (rowIndex == item) {
if (j == 0) {
return {
rowspan: element.length,
colspan: 1
};
} else if (j != 0) {
return {
rowspan: 0,
colspan: 0
};
}
}
}
}
}
};//objectSpanMethod :span-method="objectSpanMethod" 表格合并定义的方法