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>

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM