element table 金额加千分位，同时保留小数点后俩位

最新推荐文章于 2024-11-26 15:24:59 发布

原创最新推荐文章于 2024-11-26 15:24:59 发布 · 1.5k 阅读

8 ·

CC 4.0 BY-SA版权

vue.js 专栏收录该内容

31 篇文章

订阅专栏

本文介绍了如何使用Element UI的el-table-column进行金额字段的格式化，包括Number对象的toFixed方法和千位分隔符的实现，展示了如何在表格中展示精确到小数点后两位的金额并保持格式一致性。

在这里插入图片描述

 <el-table-column prop="amountRec" :formatter="rbstateFormat" label="金额" min-width="150" ></el-table-column>


 methods:{
 
       // 金额千分位
	  rbstateFormat(row,column,cellValue){
           if(cellValue !== null){
                cellValue = Number(cellValue).toFixed(2)
                cellValue += '';
                if (!cellValue.includes('.')) cellValue += '.';
                return cellValue.replace(/(\d)(?=(\d{3})+\.)/g, function ($0, $1) {
                    return $1 + ',';
                }).replace(/\.$/, '');
           }
      },


}