vue——数字加逗号分隔

带小数的数字三位一分隔

filters: {num: (val, fix = 2) => {if (val !== 0) {val = Number(val) // 字符串转为数字，目标数据为数字可不转val = '' + val.toFixed(2) // 保留两位小数并转为字符串let int = val.slice(0, fix * -1 - 1) // 获取整数let ext = val.slice(fix * -1 - 1) // 获取到小数int = int.split('').reverse().join('') // 翻转整数let temp = '' // 临时变量for (let i = 0; i < int.length; i++) {temp += int[i]if ((i + 1) % 3 === 0 && i !== int.length - 1) {temp += ',' // 每隔3个数字拼接一个逗号}}temp = temp.split('').reverse().join('') // 加完逗号之后翻转temp = temp + ext // 整数小数拼接return temp // 返回} else {return val}}}

整数三位一分隔

filters: {num: (val) => {val = '' + val // 转换成字符串let int = valint = int.split('').reverse().join('') // 翻转整数let temp = '' // 临时变量for (let i = 0; i < int.length; i++) {temp += int[i]if ((i + 1) % 3 === 0 && i !== int.length - 1) {temp += ',' // 每隔三个数字拼接一个逗号}}temp = temp.split('').reverse().join('') // 加完逗号之后翻转return temp // 返回}}

使用

{{name | num}}

vue——数字加逗号分隔相关推荐

vue动态加载VueI18n实现国际化
vue动态加载VueI18n实现国际化前言编写后端工程编写前端工程前言前一段时间给大家写了一个基于spring boot和iview的前后端分离架构,当时国际化的语言信息是直接在前端直接事先 ...
webpack配置vue组件加载器
前言 App.vue单文件组件代码 <template><div><h1>App根组件</h1></div> </template&g ...
vue模拟加载更多功能（数据追加）
使用vue制作加载更多功能,通过ajax获取的数据往data里面push经常不成功,原因是push是往数组中追加数据内容的,而不能用作数组之间的拼接,ajax获取的数据就是数组形式的,因此不成功,应该 ...
笔记-VUE滚动加载更多数据
来源:https://blog.csdn.net/qq_17281881/article/details/87342403 VUE滚动加载更多数据 1 data() { 2 return { 3 lo ...
java中实现将一个数字字符串转换成逗号分隔的数字串，即从右边开始每三个数字用逗号分隔
源代码如下: /*将一个数字字符串转换成逗号分隔的数字串,即从右边开始每三个数字用逗号分隔 */public static void testFenGeNumber(){String number = ...
placeholder=请输入用户名（六位数字加英文字母）
placeholder="请输入用户名(六位数字加英文字母)" 转载于:https://www.cnblogs.com/nc-blog/p/4122768.html
[vue] 第一次加载页面时会触发哪几个钩子？
[vue] 第一次加载页面时会触发哪几个钩子? beforeCreate, created, beforeMount, mounted 个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, ...
总结Vue中index.html、main.js、App.vue、index.js之间关系以及Vue项目加载流程
总结Vue中index.html.main.js.App.vue.index.js之间关系以及Vue项目加载流程文章目录总结Vue中index.html.main.js.App.vue.index ...
获取控件enable状态_Android自定义组合控件数字加减（适用于购物车）
大家好,我是小黑,一个还没秃头的程序员~~~ 独学而无友,则孤陋而寡闻--<礼记·学记> 今天的内容是自定义一个数组加减的控件,可以应用于购物车的数量选择,效果如下: 自定义实现了控件的默 ...

vue——数字加逗号分隔

带小数的数字三位一分隔

整数三位一分隔

使用

vue——数字加逗号分隔相关推荐

最新文章

热门文章