elementui表格纵向合并动态表头

elementui表格纵向合并动态表头可以通过设置`span-method`属性和编写`objectSpanMethod`方法来实现。具体步骤如下：

1.在表格组件中设置`span-method`属性为`objectSpanMethod`方法名。
2.编写`objectSpanMethod`方法，该方法接收两个参数：当前单元格的行数据和列数据。在该方法中，可以根据需要合并单元格并返回合并后的单元格信息。

下面是一个示例代码，演示如何在elementui表格中纵向合并动态表头：

<template>
  <el-table :data="tableData" :span-method="objectSpanMethod">
    <el-table-column v-for="column in columns" :key="column.prop" :label="column.label">
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      columns: [
        { label: '姓名', prop: 'name' },
        { label: '年龄', prop: 'age' },
        { label: '性别', prop: 'gender' },
        { label: '国籍', prop: 'country' },
        { label: '城市', prop: 'city' }
      ],
      tableData: [
        { name: '张三', age: 18, gender: '男', country: '中国', city: '北京' },
        { name: '李四', age: 20, gender: '女', country: '中国', city: '上海' },
        { name: 'John', age: 22, gender: '男', country: '美国', city: '纽约' },
        { name: 'Lucy', age: 25, gender: '女', country: '美国', city: '洛杉矶' }
      ]
    }
  },
  methods: {
    objectSpanMethod({ row, column, rowIndex, columnIndex }) {
      if (columnIndex === 0) {
        if (rowIndex % 2 === 0) {
          return {
            rowspan: 2,
            colspan: 1
          }
        } else {
          return {
            rowspan: 0,
            colspan: 0
          }
        }
      }
    }
  }
}
</script>

在上面的示例代码中，我们设置了一个包含5个列的表格，并且在`objectSpanMethod`方法中，我们根据需要合并了第一列的单元格。具体来说，我们让第一列的奇数行单元格不显示，偶数行单元格合并为两行。这样就实现了纵向合并动态表头的效果。