element 根据某多个属性合并列

日常渲染

methods: {
    arraySpanMethod({ row, column, rowIndex, columnIndex }) {
      // 没办法循环判断具体是那一列 所以就只好写了多个if
      if (column.property === "a1")
        return this.mergeAction("a1", rowIndex, column);
      if (column.property === "a2")
        return this.mergeAction("a2", rowIndex, column);
      if (column.property === "a7")
        return this.mergeAction("a7", rowIndex, column);
      if (column.property === "a8")
        return this.mergeAction("a8", rowIndex, column);
      if (column.property === "a9")
        return this.mergeAction("a9", rowIndex, column);
    },

    mergeAction(val, rowIndex, colData) {
      let _row = this.rowMergeArrs[val].rowArr[rowIndex];
      let _col = _row >  ?  : ;
      return [_row, _col];
    },

    rowMergeHandle(arr, data) {
      if (!Array.isArray(arr) && !arr.length) return false;
      if (!Array.isArray(data) && !data.length) return false;
      let needMerge = {};
      arr.forEach(i => {
        needMerge[i] = {
          rowArr: [],
          rowMergeNum:
        };
        data.forEach((item, index) => {
          if (index === ) {
            needMerge[i].rowArr.push();
            needMerge[i].rowMergeNum = ;
          } else {
            if (item[i] === data[index - ][i]) {
              needMerge[i].rowArr[needMerge[i].rowMergeNum] += ;
              needMerge[i].rowArr.push();
            } else {
              needMerge[i].rowArr.push();
              needMerge[i].rowMergeNum = index;
            }
          }
        });
      });
      return needMerge;
    },
  },