vxe-table合并列

vxe-table支持合并列，可以通过设置表头的 `children` 属性来实现。具体操作步骤如下：

1. 在表头中设置 `children` 属性，用于定义需要合并的列。
2. 在表格中使用 `span-method` 属性来指定合并规则。

以下是一个示例代码：

<template>
  <vxe-table :data="tableData">
    <vxe-table-column type="seq" width="60"></vxe-table-column>
    <vxe-table-column label="姓名" prop="name"></vxe-table-column>
    <vxe-table-column label="性别" prop="sex"></vxe-table-column>
    <vxe-table-column label="年龄" prop="age"></vxe-table-column>
    <vxe-table-column label="地址" prop="address">
      <template #header>
        <div>地址</div>
        <div>
          <vxe-button @click="handleMerge">合并</vxe-button>
        </div>
      </template>
      <template #cell="{row, column, rowIndex, columnIndex}">
        {{ row.address }}
      </template>
      <template #spanMethod="{ row, column, rowIndex, columnIndex }">
        <!-- 判断是否需要合并 -->
        <template v-if="columnIndex === 3 && rowIndex === 0">
          <td :rowspan="2" :colspan="2">{{ row.address }}</td>
        </template>
        <template v-else-if="columnIndex === 4 && rowIndex === 1">
          <!-- 合并后的单元格不需要显示内容 -->
          <td></td>
        </template>
        <template v-else>
          <td>{{ row[column.property] }}</td>
        </template>
      </template>
    </vxe-table-column>
  </vxe-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', sex: '男', age: 18, address: '北京市海淀区' },
        { name: '李四', sex: '女', age: 20, address: '北京市朝阳区' },
        { name: '王五', sex: '男', age: 22, address: '上海市浦东新区' },
        { name: '赵六', sex: '女', age: 24, address: '广州市天河区' }
      ]
    }
  },
  methods: {
    handleMerge() {
      // 设置需要合并的列
      this.$refs.table.setAllColumnVisible(false)
      this.$refs.table.setColumnVisible(['name', 'sex', 'age'], true)
      this.$refs.table.setColumnVisible(['address'], true)
      this.$refs.table.setHeaderVisible(false)
    }
  }
}
</script>

在上面的示例代码中，我们通过设置表头的 `children` 属性来定义需要合并的列，即 `地址` 列。然后在表格中使用 `span-method` 属性来指定合并规则。在 `spanMethod` 方法中，我们判断当前单元格是否需要合并，如果需要合并，则设置 `rowspan` 和 `colspan` 属性来合并单元格。