element ui表格渲染数据时,四舍五入保留两位小数

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>

猜你喜欢

转载自blog.csdn.net/Raken12/article/details/112619510