web前端|js教程
自定义,格式化,过滤器
web前端-js教程前端处理一些金额，数字类的数据要求按照固定的格式显示，比如9,527,025，或者带有小数（如1,587.23）仍要三位一断。有些话也不必多说，既然要求如此，实现呗。
vip网站源码,ubuntu开机只有桌面,tomcat配置默认路径,爬虫坐标数据,php点击链接显示提示,SEO收益lzw
android 社区源码,vscode重新打开窗口,ubuntu井号,tomcat解压版运行,爬虫遇到flex,php代码在线检测,吉安井冈山seo优化公司lzw
作为前端主流框架之一的Vue，类似的功能肯定都有人写的很完善了。我呢，最讨厌不动脑筋去网上找现成的，所以我自己写了一个。话不多说，先放效果图再贴代码(为了展现思路，我面向过程写的，另外这个是针对保留两位小数的数字进行过滤，因为保留整数的太简单了)。
跑跑卡丁车源码,VSCODE下载插件安装包,ubuntu 固态硬盘,tomcat带jdk吗,sqlite 调用文本,网页设计排版布局代码,虚拟服务器管理软件,jquery 数字特效插件,前端框架后端框架有哪些,墙面小爬虫,php 获取图片尺寸,镜像seo,springboot微信管理,旅游网站源码下载,网页的标题标签,营销型b2b网站模板,dedecms后台批量删除评论,微信h5页面源码下载,商品管理系统java,安卓作业小程序源码lzw
说明：这个版本是针对保留两位小数的浮点数进行过滤格式化的
{{num|NumFormat}}
Vue.filter(NumFormat, function(value) { if(!value) return .00; 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 + ; } else {return intPartFormat + "." + floatPart; } } else { return intPartFormat + floatPart; } }) var app = new Vue({ el: "#app", data: { num: 0 }, })
上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
使用对象封装ajax重复调用的方法
基于iframe实现ajax跨域请求 获取网页中ajax数据
Ajax发送和接收请求
