elementui table合并表格第二列相同的数据

要实现 element-ui table 合并第二列相同的数据，需要使用 `span-method` 属性和 `Table-column` 的 `prop` 属性。

首先，在 `Table` 组件中，使用 `span-method` 属性来定义合并规则：

<el-table :data="tableData" :span-method="mergeRows">
  ...
</el-table>

然后，在 `methods` 中定义合并规则，可以使用 `row` 和 `column` 参数来获取当前单元格的行和列信息，进而判断是否需要合并。

methods: {
  mergeRows(row, column, rowIndex, columnIndex) {
    if (columnIndex === 1) {
      // 判断当前列是否为第二列
      const rowSpan = this.getRowSpan(row, column, rowIndex, columnIndex);
      if (rowSpan === 1) {
        // 如果当前单元格不需要合并，返回 { rowspan: 1, colspan: 1 }
        return { rowspan: 1, colspan: 1 };
      } else {
        // 如果当前单元格需要合并，返回 { rowspan: rowSpan, colspan: 1 }
        return { rowspan: rowSpan, colspan: 1 };
      }
    }
  },
  getRowSpan(row, column, rowIndex, columnIndex) {
    // 获取当前单元格的值
    const currentValue = row[column.property];
    // 定义合并行数
    let rowSpan = 1;
    // 遍历当前列的上方单元格
    for (let i = rowIndex - 1; i >= 0; i--) {
      const prevRow = this.tableData[i];
      // 如果上方单元格的值与当前单元格的值相等，行数加一
      if (prevRow[column.property] === currentValue) {
        rowSpan++;
      } else {
        // 如果上方单元格的值与当前单元格的值不相等，停止遍历
        break;
      }
    }
    return rowSpan;
  }
}

上面的代码中，`getRowSpan` 方法用来获取当前单元格需要合并的行数，遍历当前列的上方单元格，如果上方单元格的值与当前单元格的值相等，则行数加一。最后，返回合并后的行数。

最后，还需要在第二列的 `Table-column` 中设置 `prop` 属性，表示该列的数据源来自于表格数据中的哪个字段。

<el-table-column label="第二列" prop="column2" />

这样，就可以实现 element-ui table 合并第二列相同的数据了。