elementUI中的計算合計

1、首先使用標簽<el-table></el-table> 然后在其中寫入 ：sunmary-method方法

 

 2、對於每一個 <el-table-column></el-table-column> 標簽 中寫 prop的參數

 

 3、然后到element 官網 上找 getSumaries方法

 

 4、使用這個函數  如果祥只對 某一行 則需要對

column.property 進行篩選  這個的意思是 和上面的 prop 相同

   getSummaries(param) {
        const { columns, data } = param;
        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) => {
              const value = Number(curr);
              if (!isNaN(value)) {
                return prev + curr;
              } else {
                return prev;
              }
            }, 0);
            sums[index] += ' 元';
          } else {
            sums[index] = 'N/A';
          }
        });

        return sums;
      }