element-ui表格合计列精度缺失问题

element-ui合计列多次点击排序出现精度缺失

解决方案：自定义合计方法+Math.round()

// 合计 保留小数点后两位写法
    getSummaries({columns,data}){
      const sums = [];
      columns.forEach((column,index) => {
        if(index == 0){
          sums[index] = "总价"
        }else{
          const values = data.map(item=>Number(item[column.property]))
          const flag = values.every(item=>isNaN(item))
          if(flag){
            return sums[index] = "N/A"
          }else{
            sums[index] = values.reduce((total,item)=>total+item);
            sums[index] = Math.round(sums[index]*100)/100;
            sums[index] += " 元"
          }
        }
      });
      return sums;
    }

问题描述

在使用element-ui的table组件时，使用官网上提供的带有合计列的表格，自己加了sortable做列排序的时候出现精度缺失问题；