vue中每隔3位数字加一个逗号

本文介绍如何在Vue中创建一个过滤器,使得数字每三位自动添加逗号,以便于增强数字的可读性。这个过滤器可以在全局范围内使用,简化在项目中的应用。
摘要由CSDN通过智能技术生成

我写在了过滤器里面了,方便全局使用
在这里插入图片描述

  // 格式化数字三位加一逗号 (为0显示)
Vue.filter('numberPutCommaShow', value => {
    let installVal = value;
    if(value != ''){
        value = Number(value).toFixed(2)
        let intPart = Math.trunc(value)// 获取整数部分
        let intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,') // 将整数部分逢三一断
        let floatPart = '.00' // 预定义小数部分
        let value2Array = value.split('.')
        // =2表示数据有小数位
        if(value2Array.length === 2) {
            floatPart = value2Array[1].toString() // 拿到小数部分
            if(floatPart.length === 1) { // 补0,实际上用不着
                return intPartFormat + '.' + floatPart + '0'
            } else {
                if(installVal < 0 && intPar
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值