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

最新推荐文章于 2024-03-15 16:55:19 发布

weixin_30569033

最新推荐文章于 2024-03-15 16:55:19 发布

阅读量611

点赞数 1

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/wanf/p/9154511.html

版权

<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>

转载于:https://www.cnblogs.com/wanf/p/9154511.html