Vue自定义过滤器格式化数字三位加一逗号

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

<template>

<div class="index-compont">

   <div class="totalCount">{{num | NumFormat}}<span>元</span></div>

</div>

</template>

<script>

data(){

    return {
　　　　num: 876543.00

    }

},

filters: {

    NumFormat: function (value) {

      if(!value) return '0.00'

      value = value.toFixed(2)

      var intPart = Math.trunc(value)// 获取整数部分

      var intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,') // 将整数部分逢三一断

      var floatPart = '.00' // 预定义小数部分

      var value2Array = value.split('.')

      // =2表示数据有小数位

      if(value2Array.length === 2) {

        floatPart = value2Array[1].toString() // 拿到小数部分

        if(floatPart.length === 1) { // 补0,实际上用不着

          return intPartFormat + '.' + floatPart + '0'

        } else {

          return intPartFormat + '.' + floatPart

        }

      } else {

        return intPartFormat + floatPart

      }

    }

  }

</script>