Element Table 動態合並 添加整行數據

效果如圖所

添加整行數據，前面幾列還是合並狀態

直接上代碼

// 獲取列表， 
    getTableDataList() {
      this.tableData3 = [
        {
          all: "a1",
          name: "名字1",
          value1: "b1",
          value2: 1,
          value3: "2017年-10月"
        },
        {
          all: "a1",
          name: "名字2",
          value1: "b2",
          value2: "2",
          value3: "2017年-10月"
        },
      ]
      this.getSpanArr(this.tableData3);
      this.getSpanArrOne(this.tableData3);
    },
    //前行row、當前列column、當前行號rowIndex、當前列號columnIndex四個屬性
    cellMerge({ row, column, rowIndex, columnIndex }) {
      let length = this.tableData3.length;
      //第0列比較特殊，單獨合並
      if (columnIndex === 0) {
        const _row = this.spanArrOne[rowIndex];
        const _col = _row > 0 ? 1 : 0;
        return {
          rowspan: _row,
          colspan: _col
        };
      }
      //1 2列進行合並
      if (columnIndex === 1 || columnIndex === 2) {
        const _row = this.spanArr[rowIndex];
        const _col = _row > 0 ? 1 : 0;
        return {
          rowspan: _row,
          colspan: _col
        };
      }
    },
    //1 2 列合並的數據
    getSpanArr(data) {
      this.spanArr = []
      for (var i = 0; i < data.length; i++) {
        if (i === 0) {
          this.spanArr.push(1);
          this.pos = 0;
        } else {
          // 判斷當前元素與上一個元素是否相同
          if (data[i].name === data[i - 1].name) {
            this.spanArr[this.pos] += 1; //需要合並的行數
            this.spanArr.push(0); //新增被合並的行
          } else {
            this.spanArr.push(1);
            this.pos = i; //新的需要合並的第幾行數
          }
        }
      }
    },
    //0列合並的數據
    getSpanArrOne(data) {
      this.spanArrOne = []
      for (var i = 0; i < data.length; i++) {
        if (i === 0) {
          this.spanArrOne.push(1);
          this.posOne = 0;
        } else {
          this.spanArrOne[this.posOne] += 1; //需要合並的行數
          this.spanArrOne.push(0); //新增被合並的行
        }
      }
    },
    // 添加整行
    addRow(index,row){
      this.tableData3.splice(index+1,0,row)
      this.getSpanArr(this.tableData3);
      this.getSpanArrOne(this.tableData3);
    },

需要注意的是，每次添加都要重新計算需要合並的行數