Vue自定義過濾器格式化數字三位加一逗號
阿新 • • 發佈:2018-06-08
() format 整數 pla div ring repl fixed mat
<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 = Number(value).toFixed(0) // 獲取整數部分 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>
Vue自定義過濾器格式化數字三位加一逗號