Element-UI中单元格合并问题

在 Element-UI 中进行单元格合并，需要使用 `span-method` 属性。这个属性会接受一个方法作为参数，在这个方法中我们可以返回一个对象来定义该单元格的合并策略。

下面是一个示例代码，演示如何在表格中合并相邻单元格：

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

methods: {
  handleSpanMethod({ row, column, rowIndex, columnIndex }) {
    if (columnIndex === 1) {
      if (rowIndex % 2 === 0) {
        return {
          rowspan: 2,
          colspan: 1
        };
      } else {
        return {
          rowspan: 0,
          colspan: 0
        };
      }
    }
  }
}

在这个例子中，我们定义了一个名为 `handleSpanMethod` 的方法，这个方法接收一个包含当前行、列、行索引和列索引的对象作为参数。

如果当前列的索引为 1，也就是年龄列，我们就根据行索引来判断该单元格是否需要合并。如果行索引是偶数，我们就返回一个包含 `rowspan` 和 `colspan` 属性的对象，来指示该单元格需要合并两行；如果行索引是奇数，我们就返回一个包含 `rowspan` 和 `colspan` 都为 0 的对象，来指示该单元格不需要合并。

这样，我们就可以通过 `span-method` 属性来动态控制表格中单元格的合并策略了。