#千分位的使用

一般我会现在公共js文件写这个方法
如:在utils/amount.js 文件内写一个公共方法:

/*** @description 处理金额数为"千分位"和两位小数显示,1234567890.1124 → 1,234,567,890.11* @param { Number | String } num 待转化的数字* @returns 处理好的待"千分位"和两位小数的数字
*/
export function formatThousandsAndPoint(originNum) {if (isNaN(originNum)) return originNum || ''// 非数字值或空 就returnlet num = Number(originNum).toFixed(2)let numArr = [num]// 下面的正则不支持带小数的数字处理千分位,先拆开小数点处理,再加上小数点后面部分if (num) numArr = String(num).split('.')let reg = /\d{1,3}(?=(\d{3})+$)/greturn String(numArr[0]).replace(reg, '$&,') + (numArr[1] ? '.' + numArr[1] : '')
}

在业务代码中的使用
第一种可以直接使用在table过滤的形式

 <el-table><el-table-column prop="formalFlag" label="金额" align="center" width="120"><template slot-scope="{row}">{{ row.money | formatNum}}</template></el-table-column></el-table>import { formatThousandsAndPoint} from '@/utils/amount'  // 路径及文件可以自定义export deafult {filters: {formatNum(val) {return formatThousandsAndPoint(val)  // 可以直接上面写在公共文件的方法 减少相同代码重复写}}}

第二种

<el-table><el-table-column prop="formalFlag" label="金额" align="center" width="120"><template slot-scope="{row}">{{ formatNum(row.money)}}</template></el-table-column></el-table>import { formatThousandsAndPoint} from '@/utils/amount'  // 路径及文件可以自定义export deafult {methods: {formatNum(val) {return formatThousandsAndPoint(val)  // 可以直接上面写在公共文件的方法 减少相同代码重复写}}}

千分位、两位小数的展示相关推荐

  1. java金钱千分位处理_java对金额的处理,保留两位小数、千分位符

    关于数字特殊字符 0 和 #的一些简单说明 #是一个特殊字符,用于数字部分(相当于占位符):它表示显示数字,但是最首位的0不予显示. data:02222.20 pattern:",###. ...

  2. 格式金额,默认保留两位小数,并格式化为千分位

    项目场景: 商城类项目中大多需要格式化金额,后缀保留两位小数,并且千元之后加上千分位符号 例子:32,131.00 这种金额,贴上js代码,可以新建一个js引用就行 解决方案: //格式金额,默认保留 ...

  3. input js number 整数_数字千分位处理,number.js,js保留两位,整数强制保留两位小数...

    杨龙飞 杨龙飞 杨龙飞 杨龙飞 杨龙飞 杨龙飞 官方文档:https://www.customd.com/articles/14/jquery-number-format-redux 1.千分位 $. ...

  4. 微信小程序,格式化千分位并保留两位小数

    1.新建utils.wxs //逢三位转逗号,保留两位小数,支持负数 var threeNumForTwo = {money_three_for_two_thousands: function(num ...

  5. 表格金额千分位设置及时间控件默认为空及取两位小数、获取当前日期的年份和月份

    1.在帆软报表中表格的值,使用format()函数 FORMAT(1234.5,"#,##0.00")=>1234.50 2.保留1位小数 format(round($$$/ ...

  6. JS 数字千位分隔符且保留两位小数

    数字千位分隔符且保留两位小数 1.仅需要整数位千位分隔 num.toLocaleString() 2.仅需要保留两位小数 num.toFixed(2) 3.需要千位分隔符且带两位小数 Thousand ...

  7. php数字两位小数_PHP保留两位小数的几种方法

    代码如下所示: $num = 10.4567; //第一种:利用round()对浮点数进行四舍五入 echo round($num,2); //10.46 //第二种:利用sprintf格式化字符串 ...

  8. PHP保留两位小数的几种方法

    这篇文章主要介绍了PHP保留两位小数的几种方法,需要的朋友可以参考下 代码如下所示: $num = 10.4567; //第一种:利用round()对浮点数进行四舍五入echo round($num, ...

  9. php数字两位小数_PHP保留两位小数的几种方法【转】

    代码如下所示: $num = 10.4567; //第一种:利用round()对浮点数进行四舍五入 echo round($num,2); //10.46 //第二种:利用sprintf格式化字符串 ...

最新文章

  1. 从云到端,谷歌的AI芯片2.0
  2. 安装mysql.dox_linux虚拟机上装mysql数据库-Go语言中文社区
  3. 2020年中国.NET开发者大会第二天 WorkShop
  4. CVPR 2019 Oral 亮风台提出端到端投影光学补偿算法,代码已开源
  5. C#(WPF)为Grid添加实线边框。
  6. 结合ENVI与ArcMAP的NC数据处理(均值、最大最小值等)心得记录
  7. DPDK QOS2 -- DPDK的QOS框架
  8. SWAT模型在水文水资源、面源污染模拟中的实践技术应用及典型案例分析
  9. 计算机三级考点3:构建宽带城域网的基本技术与方案。
  10. APS先进规划与生产排程系统--介绍
  11. mysql实现开始时间和结束时间的查询
  12. 知识图谱(Knowledge Graph, KG)(王昊奋老师-课程学习笔记)
  13. CTPN OCR目标检测及源码
  14. [ vulhub漏洞复现篇 ] Tiki Wiki CMS Groupware 认证绕过漏洞CVE-2020-15906
  15. [redis]Redis ZSet排序问题(排名实现按时间顺序排布)
  16. 【纯前端】原生js实现照片水印
  17. 基于stm32的智能小车设计(一)
  18. 企业微信消息多久可以撤回?企业微信怎么查看撤回的消息?
  19. 国标、行标、地标、团标、企标
  20. 【068】特征选择之 pearson 皮尔森系数 PimaIndiansdiabetes

热门文章

  1. Premiere Pro Guru: Online Offline Workflows Premiere Pro 大师教程之在线与离线工作流 Lynda课程中文字幕
  2. 二阶段面试题——JavaScript
  3. gym:Problem B Bless You Autocorrect!(字典树+最短路)
  4. 使用go get安装,老是报错:go: golang.org/x/tools@v0.0.0-20190322203728-c1a832b0ad89: unrecognized import path
  5. 跟我学c++高级篇——模板元编程之十一鸭子类型
  6. Python实现二维离散卷积运算
  7. 如何在sqlserver中写存储过程
  8. python循环案例:模拟银行ATM存款取款
  9. Standard Deviation And Correlation
  10. 百趣代谢组学-牛磺酸通过增强CD8+T细胞的功能从而增强抗肿瘤免疫力