element ui表格渲染数据时,四舍五入保留两位小数
方法一:写一个过滤器
filters: {
rounding (value) {
if(value || value === 0) { //这个判断是为了防止数据为空,页面渲染为NAN
return Number(value).toFixed(2)
}
}
}
在表格里写如下
<el-table-column prop="date" align="center" label="人员统计" width="180" fixed="left">
<template slot-scope="scope">
{{ scope.row.sum | rounding}}
</template>
</el-table-column>
方法二:直接用 .toFixed(2)
<el-table-column prop="date" align="center" label="人员统计" width="180" fixed="left">
<template slot-scope="scope">
{{ scope.row.sum.toFixed(2)}}
</template>
</el-table-column>