vue elements table :span-method 自動合併行列

:span-method="objectSpanMethod"

mergeLineMethod (){//處理合並表格數據
    let mergeLine=this.tableData
     mergeLine.forEach((res,i) => {
         if (i === 0) {
             this.mergeLineArr.push(1);
             this.mergeLineIndex= 0
         } else {
             // 判斷當前元素與上一個元素是否相同,是就給之前相同的第一個+1，並且數組添加一個0
             if (mergeLine[i].type_id === mergeLine[i - 1].type_id) {
                 this.mergeLineArr[this.mergeLineIndex] += 1;
                 this.mergeLineArr.push(0);
             } else {//如果與前一個不相同，則追加一個新從1開始的數字，此時更新mergeLineIndex的值
                 this.mergeLineArr.push(1);
                 this.mergeLineIndex= i;
             }
         } 
     });
     console.log(this.mergeLineArr,this.mergeLineIndex)
 },
 objectSpanMethod ({ row, column, rowIndex, columnIndex }){//合併表格
     if (columnIndex === 0 || columnIndex === 1) {
         const _row = this.mergeLineArr[rowIndex];
         const _col = _row > 0 ? 1 : 0;
         return {
             rowspan: _row,
              colspan: _col
         }
     }
 }

文章參考：https://blog.csdn.net/qq_29468573/article/details/80742646