vue保留小数点两位小数 使用filters(过滤器)

filters: {
   numFilter(value) {
     let realVal = "";
     if (!isNaN(value) && value !== "") {
       // 截取当前数据到小数点后两位,改变toFixed的值即可截取你想要的数值
       realVal = parseFloat(value).toFixed(2);
     } else {
       realVal = "--";
     }
     return realVal;
   },
 },
<!--在双括号中这样使用即可-->
<div class="col">{{item.dataToday | numFilter}}</div>

在这里插入图片描述

toFixed():把数字转换为字符串,结果的小数点后有指定位数的数字

parseFloat(): 函数可解析一个字符串,并返回一个浮点数。该函数指定字符串中的首个字符是否是数字。如果是,则对字符串进行解析,直到到达数字的末端为止,然后以数字返回该数字,而不是作为字符串。另注意:

  • 字符串中只返回第一个数字
  • 开头和结尾的空格是允许的
  • 如果字符串的第一个字符不能被转换为数字,那么 parseFloat() 会返回 NaN
  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值