在今天工作中遇到了相同单元格需要合并的一个需求，实现记录如下。 实现效果： 任务要求： 对表中体系这一列相同的体系进行合并。 思路:定义一个空数组：[]定义一个变量：0遍历数据如果有相同数据 在空数组添加一个0(相同数据的起始位加1)，不相同在数据push 一个 ...

代码： ...

getData() { // 先给所有的数据都加一个v.rowspan = 1 this_.yulanList.forEach((item) => ...

this.$axios({ method: "post", url: "/QuaLity/GetQuality",}).then(res => { ...

...

...

解决方案： table渲染时，调用封装好的合并方法。解决重点在于如何获取合计行所在的dom，即vue.$el.querySelector()方法 实现代码： 实现效果： ...

合并单元格，如果id列值一致，则合并。 原理： getSpanArr(data)方法 data就是我们从后台拿到的数据，通常是一个数组；spanArr是一个空的数组，用于存放每一行记录的合并数；pos是spanArr的索引。 如果是第一条记录（索引为０），向数组中加入１，并设置 ...