Vue数字格式化成金额-过滤器
2021/4/9 10:27:00
本文主要是介绍Vue数字格式化成金额-过滤器,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
将数字转换成金额格式:
效果说明:
将1000格式化成1,000.00
将100.1234格式化成100.12
采用截取和补位,不存在精度丢失
1、在vue中创建过滤器
filters.js:定义了number_format方法
//定义number_format方法 function number_format(number, decimals, dec_point, thousands_sep) { decimals = 2; //这里默认设置保留两位小数,也可以注释这句采用传入的参数 /* * 参数说明: * number:要格式化的数字 * decimals:保留几位小数 * dec_point:小数点符号 * thousands_sep:千分位符号 * */ number = (number + '').replace(/[^0-9+-Ee.]/g, ''); var n = !isFinite(+number) ? 0 : +number, prec = !isFinite(+decimals) ? 0 : Math.abs(decimals), sep = (typeof thousands_sep === 'undefined') ? ',' : thousands_sep, dec = (typeof dec_point === 'undefined') ? '.' : dec_point; var s = n.toString().split('.'); var re = /(-?\d+)(\d{3})/; while (re.test(s[0])) { s[0] = s[0].replace(re, "$1" + sep + "$2"); } if ((s[1] || '').length < prec) { s[1] = s[1] || ''; s[1] += new Array(prec - s[1].length + 1).join('0'); } else { s[1] = s[1].substring(0, prec); //小数点位数超出长度时截取前面的位数 } return s.join(dec); } export { number_format//通过此处导出方法 }
2、在mian.js中引入
3、使用方法
1)、在需要使用的地方引入
2)、使用
这篇关于Vue数字格式化成金额-过滤器的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-30React Native常用组件-点击组件
- 2024-05-30uniapp+vue3+uv-ui手机端后台OA管理模板
- 2024-05-29Python网络爬虫的时候json=就是让你少写个json.dumps()
- 2024-05-27React Native常用组件-展示组件
- 2024-05-27React Native常用组件-列表组件
- 2024-05-09vue3开发前端表单缓存自定义指令,移动端h5必备插件
- 2024-05-09React Hooks在class组件中的使用方式
- 2024-03-30[OIDC in Action] 2. 基于OIDC(OpenID Connect)的SSO(纯JS客户端)
- 2024-03-29terraform jsonencode
- 2024-03-13vuex-persist