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

前端之家收集整理的这篇文章主要介绍了Vue自定义过滤器格式化数字三位加一逗号实现代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

前端处理一些金额,数字类的数据要求按照固定的格式显示,比如9,527,025,或者带有小数(如1,587.23)仍要三位一断。有些话也不必多说,既然要求如此,实现呗。

作为前端主流框架之一的Vue,类似的功能肯定都有人写的很完善了。我呢,最讨厌不动脑筋去网上找现成的,所以我自己写了一个。话不多说,先放效果图再贴代码(为了展现思路,我面向过程写的,另外这个是针对保留两位小数的数字进行过滤,因为保留整数的太简单了)。

<Meta charset="UTF-8"> <Meta http-equiv="Content-Type" content="text/html"> Vue数字过滤器逢三一断
说明:这个版本是针对保留两位小数的浮点数进行过滤格式化的

{{num|NumFormat}}

总结

以上所述是小编给大家介绍的Vue自定义过滤器格式化数字三位加一逗号实现代码。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

原文链接:https://www.f2er.com/vue/33040.html

猜你在找的Vue相关文章