element el-table span-method 的使用，表格内容合并

//表格 调用
<el-table :data="allData" v-loading="loading" :header-cell-style="{ background: '#eff3f6' }" :span-method="objectSpanMethod">
// 获取数据进行处理  
	that.getSpanArr( res.data)  
  //  vue  data 中的 spanArr 合并条件容器
  getSpanArr(data) {
      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;
          }
        }
      }
    },

//表格合并方法
  objectSpanMethod({ row, column, rowIndex, columnIndex }) {
      let that = this;
      if (columnIndex === 0) {
        const _row = that.spanArr[rowIndex];
        const _col = _row > 0 ? 1 : 0;
        return {
          rowspan: _row,
          colspan: _col,
        };
      }

      //   if (columnIndex === 0) {
      // //用于设置要合并的列
      // if (rowIndex % 2 === 0) {
      //   //用于设置合并开始的行号
      //   return {
      //     rowspan: 2, //合并的行数
      //     colspan: 1, //合并的列数，设为０则直接不显示
      //   };
      // } else {
      //   return {
      //     rowspan: 0,
      //     colspan: 0,
      //   };
      // }
      //   }
    },