vue3 element-puls el-table 汇总行单元格合并

要实现Vue3 Element-Plus的el-table汇总行单元格合并，你可以使用`span-method`属性来定义一个函数，该函数可以返回每个单元格需要合并的行数和列数。下面是一个示例代码：

<el-table
  :data="tableData"
  border
  style="width: 100%">
  <el-table-column
    prop="date"
    label="日期"
    width="180">
  </el-table-column>
  <el-table-column
    prop="name"
    label="姓名"
    width="180">
  </el-table-column>
  <el-table-column
    prop="address"
    label="地址">
  </el-table-column>
  <el-table-column
    label="合计"
    :span-method="objectSpanMethod">
    <template #default="{ rows, row, column, $index }">
      <span v-if="$index === 0">{{ row.total }}</span>
    </template>
  </el-table-column>
</el-table>

在上面的代码中，我们定义了一个`objectSpanMethod`方法，并将其赋值给`span-method`属性。这个方法接收四个参数：`{ rows, row, column, $index }`。其中`rows`是当前列的所有行数据，`row`是当前行数据，`column`是当前列数据，`$index`是当前行的索引。

下面是`objectSpanMethod`方法的实现：

methods: {
  objectSpanMethod({ row, column, rowIndex, columnIndex }) {
    if (columnIndex === 3) {
      if (rowIndex === 0) {
        return {
          rowspan: this.tableData.length,
          colspan: 1
        };
      } else {
        return {
          rowspan: 0,
          colspan: 0
        };
      }
    }
  }
}

在上面的代码中，我们检查当前列是否为第四列（即“合计”列），如果是，我们检查当前行是否为第一行。如果是，我们返回一个对象`{ rowspan: this.tableData.length, colspan: 1 }`，其中`rowspan`表示当前单元格需要合并的行数，`colspan`表示当前单元格需要合并的列数。如果当前行不是第一行，则返回一个空对象`{ rowspan: 0, colspan: 0 }`，表示当前单元格不需要合并。

这样，我们就可以实现Vue3 Element-Plus的el-table汇总行单元格合并了。