vue之保留小数点两位小数 使用filters(过滤器)
作者：Cherry☼
这篇文章主要介绍了vue之保留小数点两位小数 使用filters(过滤器),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
保留小数点两位小数 使用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
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。