vue2 el-table 如何封装方法 对同一列中相同行数据进行合并

您可以使用 `el-table` 的 `span-method` 属性来实现合并单元格。具体的实现方法如下：

1. 在 `el-table` 标签中添加 `:span-method` 属性，并将其绑定到一个自定义的方法中，例如 `spanMethod`。

<el-table :data="tableData" :span-method="spanMethod">

2. 在 `spanMethod` 方法中，判断当前单元格是否需要合并。如果需要合并，则返回一个包含 `rowspan` 和 `colspan` 属性的对象。

methods: {
  spanMethod({ row, column, rowIndex, columnIndex }) {
    if (columnIndex === 0) {
      // 判断当前单元格是否为第一列，如果是，则需要进行合并
      if (rowIndex % 2 === 0) {
        // 判断当前行是否为偶数行，如果是，则需要进行合并
        return {
          rowspan: 2,
          colspan: 1
        };
      } else {
        // 如果当前行为奇数行，则不需要进行合并
        return {
          rowspan: 0,
          colspan: 0
        };
      }
    } else {
      // 如果当前单元格不是第一列，则不需要进行合并
      return {
        rowspan: 1,
        colspan: 1
      };
    }
  }
}

在上述代码中，我们判断当前单元格是否为第一列，并且判断当前行是否为偶数行。如果是，则返回一个包含 `rowspan` 和 `colspan` 属性的对象，其中 `rowspan` 表示需要合并的行数，`colspan` 表示需要合并的列数。如果当前单元格不需要合并，则返回一个包含 `rowspan` 和 `colspan` 属性均为0的对象。

通过以上的方法，您可以实现对 `el-table` 中同一列中相同行数据进行合并的功能。