vue3+js+element plus 合并table表格

1. mergeColumns数组：

• 这个数组列出了需要合并的列的属性名。只有这些列会被考虑进行合并。

1. spanMethod函数：

• 这个函数是el-table组件的span-method属性的回调函数，用于控制表格中单元格的合并。

1. 参数：

• row: 当前行的数据对象。

• column: 当前列的数据对象。

• rowIndex: 当前行的索引。

• columnIndex: 当前列的索引。

1. 逻辑：

• 首先检查当前列的property是否在mergeColumns数组中。

• 如果是，则检查当前行是否是第一行，或者当前行的值与上一行的值是否不同。

• 如果是第一行或值不同，则开始计算需要合并的行数。

• 使用一个循环从当前行开始向下检查，直到找到一个不同的值或到达数据的末尾。

• 计算出需要合并的行数rowspan。

• 返回[rowspan, 1]表示合并这些行。

• 如果当前行的值与上一行相同，则返回[0, 0]，表示不显示该单元格（因为它已经被合并到上面的单元格中）。

• 如果列不在mergeColumns中，则返回[1, 1]，表示不合并。