vue + element 表格 根据某一属性合并行

 				<el-table
                    :data="assessJson.rows"
                    highlight-current-row
                    border
                    style="width: 100%"
                    :span-method="objectSpanMethod"
                   >
                   <el-table-column
                      prop="quotaType"
                      label="指标类型"
                      align="center"
                      width="180">
                      <template slot-scope="scope">
                    <span>{{ scope.row.quotaType | invoiceStatusFilter }}</span>
                      </template>
                    </el-table-column>

// 因为要合并的行数是不固定的，此函数是实现合并随意行数的功能
    getSpanArr(data) {
      this.spanArr = [];
      for (var i = 0; i < data.length; i++) {
        if (i === 0) {
          // 如果是第一条记录（即索引是0的时候），向数组中加入１
          this.spanArr.push(1);
          this.pos = 0;
        } else {
          if (data[i].quotaType === data[i - 1].quotaType) {
            // 如果quotaType相等就累加，并且push 0  这里是根据一样的quotaType匹配
            this.spanArr[this.pos] += 1;
            this.spanArr.push(0);
          } else {
            // 不相等push 1
            this.spanArr.push(1);
            this.pos = i;
          }
        }
      }
    },
    //合并行数
    objectSpanMethod({ row, column, rowIndex, columnIndex }) {
      // columnIndex === 0 找到第一列，实现合并随机出现的行数
      if (columnIndex === 0) {
        const _row = this.spanArr[rowIndex];
        const _col = _row > 0 ? 1 : 0;
        return {
          rowspan: _row,
          colspan: _col
        };
      };
      if (rowIndex === 0) {
          if (columnIndex === 8) { //这两个判断是定位到要合并的那个单元格
          const listVal = this.assessJson.length; //最后总分合并所有行
            return {
              rowspan: listVal, //合并几行 原本的多行变为单行
              colspan: 1 //合并几列
            };
          }
        }
    },
 //考核标准获取
    assessList(){
      let param = Object.assign({}, this.QuotaPagesVal);
      apis.handBookApi
        .apis(param)
        .then(data => {
         if (data && data.data) {
            var json = data.data;
            if (json && json.code == 1) {
              console.log("考核标准");
              console.log(json.rows);
              this.QuotaPagesVal.total = json.records;
              let transferList = [];
              let transferList2 = [];
              let transferList3 = [];
              json.rows.forEach(item => { //循环接口返回数组 同类型的放一起
                if(item.quotaType == 1){
                  transferList.push(item);
                }else if(item.quotaType == 2){
                  transferList2.push(item);
                }else if(item.quotaType == 3){
                  transferList3.push(item);
                }
              });
              transferList.push(...transferList2); //按顺序合并成一个数组
              transferList.push(...transferList3);
              console.log("合并后的数组");
              console.log(transferList);
              this.getSpanArr(transferList); //transferList
              this.assessJson = transferList;
              console.log("处理过的数据");
              console.log(transferList);
              return
            }
          }
        })
        .catch(err => {
          this.$message({ message: "考核标准列表查询异常，请重试", type: "error" });
      });
    },