vue3中el-table实现表格合计行

el-table标签上加属性 show-summary :summary-method=“getSummary”

const getSummary = ({ columns, data }: any) => {
  const sums: any = [];
  columns.forEach((column: any, index: any) => {
    if (column.label == '药品id') {
      sums[index] = '总计';
      return;
    }
    if (column.label == '名称' || column.label == '生产厂家' || column.label == '产地' || column.label == '批号' || column.label == '生产日期' || column.label == '库房转换率' || column.label == '操作时间' || column.label == '操作人' || column.label == '单据号') {
      sums[index] = '';
      return;
    }
    const values = data.map((item: any) => Number(item[column.property]));
    if (!values.every((value: any) => isNaN(value))) {
      sums[index] = values.reduce((prev: any, curr: any) => {
        const value = Number(curr);
        if (!isNaN(value)) {
          return prev + curr;
        } else {
          return prev;
        }
      }, 0);
      // sums[index] += ' 元';
      sums[index] = sums[index].toFixed(2)
    } else {
      // sums[index] = 'N/A';
    }
  });
  return sums;
}