el-table合并单元格

在 ElementUI 的 el-table 中合并单元格可以使用 `span-method` 属性来实现，该属性可以指定一个函数，用于计算每个单元格需要合并的行数和列数。

下面是一个示例代码：

<el-table :data="tableData" :span-method="mergeCells">
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
  <el-table-column prop="address" label="地址"></el-table-column>
</el-table>

methods: {
  mergeCells(row, column, rowIndex, columnIndex) {
    if (columnIndex === 0) {
      // 如果是第一列，向下合并所有相同值的单元格
      let rowspan = 1;
      for (let i = rowIndex + 1; i < this.tableData.length; i++) {
        if (this.tableData[i].name === row.name) {
          rowspan++;
        } else {
          break;
        }
      }
      return {
        rowspan,
        colspan: 1
      }
    } else {
      // 其他列不合并
      return {
        rowspan: 0,
        colspan: 0
      }
    }
  }
}

在上面的代码中，`mergeCells` 方法接受四个参数：`row` 表示当前行的数据，`column` 表示当前列的数据，`rowIndex` 表示当前行的索引，`columnIndex` 表示当前列的索引。该方法返回一个对象，其中 `rowspan` 表示需要合并的行数，`colspan` 表示需要合并的列数。

在上面的示例代码中，我们判断如果当前列是第一列，则向下合并所有相同值的单元格，否则不合并。

需要注意的是，由于 `rowspan` 和 `colspan` 只有在第一个单元格生效，因此如果需要合并多个单元格，需要在后续单元格中返回 `{ rowspan: 0, colspan: 0 }`，表示不需要合并。