elementUI——表格单元格合并——技能提升

之前写过一个关于单元格合并的功能，要求根据某一个参数比如序号，如果同一个序号下的某些参数前后的数据一致，则需要实现单元格的合并。

效果图如下：

还有一个功能，因为每一行都是可以进行展开的，在表格行展开时，合并的单元格要恢复成正常的样子，否则会出现部分单元格无数据的问题。

之前写过一篇关于表格单元格合并的文章，但是当时的需求是一行中只有一个单元格合并：/yehaocheng520/article/details/122084055?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522164430885916780269875386%2522%252C%2522scm%2522%253A%25220713.130102334.pc%255Fblog.%2522%257D&request_id=164430885916780269875386&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2blogfirst_rank_ecpm_v1~rank_v31_ecpm-2-122084055.nonecase&utm_term=%E5%90%88%E5%B9%B6&spm=1018.2226.3001.4450

现在是要改为三个字段的合并，则获取到表格数据后，需要对数据进行下面的处理：

//表格数据的筛选filterTableData(){let contactDot = 0;let contactDotMaterial = 0;let contactDotTagNum = 0;this.tableData.forEach((item,index)=>{if(index==0){this.serialArr.push(1);this.materialTypeArr.push(1);this.tagNumberArr.push(1);}else{if(item.serial === this.tableData[index-1].serial){this.serialArr[contactDot]+=1;this.serialArr.push(0);}else{contactDot = index;this.serialArr.push(1);}if(item.serial===this.tableData[index-1].serial&&item.materialType===this.tableData[index-1].materialType){this.materialTypeArr[contactDotMaterial]+=1;this.materialTypeArr.push(0);}else{contactDotMaterial = index;this.materialTypeArr.push(1)}if(this.serial===this.tableDat[index-1].serial&&item.tagNumber===this.tableData[index-1].tagNumber){this.tagNumberArr[contactDotTagNum]+=1;this.tagNumberArr.push(0)}else{contactDotTagNum = index;this.tagNumberArr.push(1);}}})}

多多积累，多多收获！！！