vue+element表格合并2

需求:我们在写表格的时候,遇到过,第一列合并,合并完了之后,第二列要根据第一列合并的基础上再合并。这就跟我之前写的逻辑就有点不一样了。但是大体还是一样的。也是用到arraySpanMethod方法

在请求到表格数据,对数据进行循环,得到需要合并的字段

setDates(arr) {
  const obj = {};
  const obj2 = {};
  let k;
  let m;
  this.arr1 = []
  this.arr2 = []
  for (let i = 0, len = arr.length; i < len; i++) {
    //需要合并的字段
    m = arr[i].stationName;
    if(obj2[m]) obj2[m]++;
    else obj2[m] = 1;
  }
  //保存结果{el-'元素',count-出现次数}
  let y = 0
  for (const o in obj2) {
    for (let i = 0; i < obj2[o]; i++) {
      if (i === 0) {
        this.arr2.push(obj2[o]);
      } else {
        this.arr2.push(0);
      }
    }
    let i = y
    y = obj2[o]+y
    for (i; (i < arr.length && i< y); i++) {
      //需要合并的字段
      k = arr[i].devType + o;
      if(obj[k]) obj[k]++;
      else obj[k] = 1;
    }
  }
  for(const o in obj) {
    for (let i = 0; i < obj[o]; i++) {
      if (i === 0) {
        this.arr1.push(obj[o]);
      } else {
        this.arr1.push(0);
      }
    }
  }

},

你可能感兴趣的:(element,elementui)