el-table prop为数组时根据数组拆分合并单元格

如果你的 `el-table` 的 `prop` 是一个数组，那么你可以使用 `span-method` 方法来根据数组拆分或合并单元格。

例如，假设你的 `prop` 是一个包含 `name` 和 `age` 两个属性的数组，你需要根据 `name` 属性来合并单元格。你可以这样做：

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

然后，在你的 Vue 实例中定义 `handleSpanMethod` 方法：

methods: {
  handleSpanMethod({ row, column, rowIndex, columnIndex }) {
    if (columnIndex === 0) { // 只对第一列进行处理
      const rowspan = this.getRowspan(row.name, columnIndex) // 获取行数
      if (rowspan > 1) {
        return {
          rowspan,
          colspan: 1
        }
      }
    }
  },
  getRowspan(name, columnIndex) {
    let rowspan = 1
    for (let i = 0; i < this.tableData.length; i++) {
      if (i !== this.curIndex && this.tableData[i].name === name) {
        rowspan++
      }
    }
    return rowspan
  }
}

在这个方法中，我们首先判断当前列是否为第一列，如果是的话，就调用 `getRowspan` 方法获取当前行需要合并的行数。`getRowspan` 方法中，我们遍历整个数据源，找到所有和当前行 `name` 属性相同的行，累加它们的数量，并返回结果。

然后，在 `handleSpanMethod` 方法中，我们根据 `getRowspan` 方法返回的结果，设置 `rowspan` 和 `colspan` 属性，来合并单元格。

你可以根据具体的需求，进一步修改 `getRowspan` 方法，来适应其他属性的合并。