码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-06-08 12:03:56      阅读:2001      评论:0      收藏:0      [点我收藏+]

标签:count   格式化数字   lse   temp   vue   过滤   tofixed   atp   return   

<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自定义过滤器格式化数字三位加一逗号

标签:count   格式化数字   lse   temp   vue   过滤   tofixed   atp   return   

原文地址:https://www.cnblogs.com/wanf/p/9154511.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!