vue 价格千位分隔符处理

项目需求,实现数字金额千位分隔符格式.意思就是,比如后端返回的数字是24000.00,但是页面上要求我们展示成这种格式24,000.00;如下图:

可以新建一个commom.js,然后代码如下

    formatThousand(num) {if (num != null) {var res = num.toString().replace(/\d+/, function(n) { // 先提取整数部分return n.replace(/(\d)(?=(\d{3})+$)/g, function($1) {return $1 + ",";});})return res;};return num},

然后在main.js中引入commom.js

import Commom from './assets/js/common';Vue.prototype.utils = Commom;

使用时只要在你想要使用的位置,直接调用就可以

    getProductManaLists(params) {if (params) {this.productManaParams[params.key] = params.value;}this.loading = true;this.$http.post(url接口地址, this.productManaParams).then((res) => {this.loading = false;res.records.forEach((item) => {item.suggestedRetailPrice = this.utils.formatThousand(item.suggestedRetailPrice);});this.listData = res.records;this.total = res.total;this.pages = res.pages;});},

vue 价格千位分隔符处理相关推荐

Vue 数字千位分隔符
涉及的数据比较多,写一个过滤器,将所有的数据都过滤一下,挂载到全局,不需要每个页面引用了. 创建一个js文件,实现数字千位分隔符 export function numberToCurrencyNo( ...
android 千位分隔符价格分隔符
千位分隔符,其实就是数字中的逗号.依西方的习惯,人们在数字中加进一个符号,以免因数字位数太多而难以看出它的值.所以人们在数字中,每隔三位数加进一个逗号,也就是千位分隔符,以便更加容易认出数值. 例如 ...
千位分隔符的完整攻略
千位分隔符[1]是很常见的需求,但是输入文本千变万化,如何才能准确添加千分符呢? 纯整数情况纯整数大概是所有情况里最简单的一种,我们只要正确匹配出千分位就好了. 观察上面的数字,我们可以得出千分位的 ...
万元怎样保留小数点_如何让数字以万元为单位显示并保留2位小数，且有千位分隔符...
B列和C列的数据来自A列.现在要求分别设置B列和C列的单元格格式,显示为:万元保留1位小数,万元保留2位小数显示数字(万元保留1位小数) 1,B列设置单元格格式,单元格自定义格式为:0!.0, 2, ...
JS实现数字自动转换人民币金额（自动格式化输入的数字/千位分隔符）
这个货币转换JS代码,可以实现自动格式化输入的数字,自动千位分隔符 <script> function cc(s){if(/[^0-9\.]/.test(s)) return " ...
OpenERP 千位分隔符(thousand separator)
设置--翻译--语言编辑简体中文语言分隔符格式填入 [3] :千位分隔符填入 , (半角逗号): 如果要用空格作为thousand separator,填入一个空格貌似不行,填两个空格可产生 ...
js千位符 | js 千位分隔符 | js 金额格式化
js 千位分隔符千位分隔符,其实就是数字中的逗号.依西方的习惯,人们在数字中加进一个符号,以免因数字位数太多而难以看出它的值.所以人们在数字中,每隔三位数加进一个逗号,也就是千位分隔符,以便更加容易 ...
word表格数据处理：如何给长数字添加千位分隔符？
我们在工作中难免会遇到一些未设置任何格式的表格数据,这类数据会让读者看起来非常吃力.当碰到这个问题时,如果你只会手动一个个地去设置,那可得忙活半天.而如果你掌握一些整理数据的小技巧,别人半天的工作量, ...
【正则表达式】解析numeral的千位分隔符
很常见的一个需求,把高位的数字用千分符隔开,让数字更整洁可读. like this: 开发方案方案一: 使用numeral:这是一个接口丰富的数字处理工具,一般情况的数字和单位方面的需求都能cove ...

vue 价格千位分隔符处理

vue 价格千位分隔符处理相关推荐

最新文章

热门文章