element table表格总计功能

在这里插入图片描述

<el-table
        :data="businessList"
        v-loading="loading"
        :summary-method="getSummaries"
        show-summary
        width="800px"
      >
<el-tabl/>
getSummaries(param) {
    
    
      const {
    
     columns, data } = param;
      console.log(columns, data, "columns,data");
      const sums = [];
      columns.forEach((column, index) => {
    
    
        if (index === 0) {
    
    
          sums[index] = "总价";
          return;
        }
        const values = data.map(item => Number(item[column.property]));
        if (!values.every(value => isNaN(value))) {
    
    
          // sums[index] = values.reduce((prev, curr) => {
    
    
          sums[2] = values.reduce((prev, curr) => {
    
    
            const value = Number(curr);
            if (!isNaN(value)) {
    
    
              return prev + curr;
            } else {
    
    
              return prev;
            }
          }, 0);
          // sums[index] += " 元";
          sums[2] += " 元";
        } else {
    
    
          sums[index] = "N/A";
        }
      });
      return sums;
    }

猜你喜欢

转载自blog.csdn.net/weCat_s/article/details/117523512