vue3ElementPlu表格合并多行

// 单元格合并逻辑

const objectSpanMethod = ({ row, rowIndex, columnIndex }) => {

  const previousMachineModelUniqueId =

    rowIndex > 0 ? tableData.value[rowIndex - 1].machineModel : null;

  const currentMachineModelUniqueId = row.machineModel;

  // 合并“机型”列

  if (columnIndex === 1) {

    if (previousMachineModelUniqueId === currentMachineModelUniqueId) {

      return { rowspan: 0, colspan: 0 };

    }

    const rowspan = tableData.value.filter(

      item => item.machineModel === currentMachineModelUniqueId

    ).length;

    return { rowspan, colspan: 1 };

  }

  return { rowspan: 1, colspan: 1 };

};