vue复杂表格单元格合并根据数据动态合并方式

<!-- 列的合并 -->
    <el-table ref="tableDD4" id="tableDD4" :data="tableData4" :span-method="objectSpanMethod" max-height="600" border>
      <el-table-column label="一级表头" align="left">
        <el-table-column label="二级表头1" prop="firstCatalogue" align="left" width="300" />
        <el-table-column label="二级表头2" prop="secondCatalogue" align="left" />
        <el-table-column label="二级表头3" prop="insuranceName" align="left" width="140" />
        <el-table-column label="二级表头4" prop="isMatch" align="left" width="130" />
      </el-table-column>
    </el-table>

data() {
    return {
      //接收后端数据
      tableData1: [],
      //存储每一列合并行以及下标数据
      margeArray: [],
    }
},   

rowspan(tableData, spanArr, position, spanName) {
      tableData.forEach((item, index) => {
        if (index === 0) {
          spanArr.push(1);
          position = 0;
        } else {
          if (tableData[index][spanName] === tableData[index - 1][spanName]) {
            spanArr[position] += 1;
            spanArr.push(0);
          } else {
            spanArr.push(1);
            position = index;
          }
        }
      });
},

// 表格合并行
    objectSpanMethod({ row, column, rowIndex, columnIndex }) {
      // 计算一共有几列数据
      let arraynum = Object.keys(this.tableData1[0]).length
      for (let i = 0; i < 2; i++) {
        if (columnIndex == i) {
          const _row = this.margeArray[i].Arr[rowIndex];
          const _col = _row > 0 ? 1 : 0;
          return {
            rowspan: _row,
            colspan: _col,
          };
        }
      }
},

//此处是我封装好的请求方法，你自己的实际情况修改即可
    this.$postRequest('/basicSystem/export/sheet1', { year: this.year }).then(({ data }) => {
        //判断请求状态为success/false，请求成功，处理数据，否则输出错误信息 
        if (data && data.type === 'success') {
          //接收后端返回的数据
          this.tableData1 = data.data
          //开始 调用方法计算需要合并的数据
          for (let i = 0; i < Object.keys(this.tableData1[0]).length; i++) {
            // 首先添加一个存放合并行数据的变量
            this.margeArray.push({ Arr: [], Position: 0, })
            // 得到下标对应的key值
            const element = Object.keys(this.tableData1[0])[i];
            // 调用合并，
            this.rowspan(this.tableData1, this.margeArray[i].Arr, this.margeArray[i].Position, element);
          }
        } else {
          this.$message.error(data.message)
        }
      }).catch(error => {
        this.$message.error(error)
      })