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做列排序的时候出现精度缺失问题;