Vue为数字添加逗号分隔
1.看代码//我将这个代码作为外部js导出了,如果你没有那么多模块,就直接CTRL +cv这个方法,丢到你的//vue代码methods中就可以用了export const numberFilter = function (value,cut = 2) {//value为我们传进来的数据 比如145775.422346//cut 为需要保留的小数位数-1为清空小数 0为保留全部位数的小数 传入多少
·
1.看代码
//我将这个代码作为外部js导出了,如果你没有那么多模块,就直接CTRL +cv 这个方法,丢到你的
//vue代码 methods中就可以用了
export const numberFilter = function (value,cut = 2) {
//value为我们传进来的数据 比如 145775.422346
//cut 为需要保留的小数位数 -1为清空小数 0为保留全部位数的小数 传入多少即为多少 不传默认保留两位小数 传进来多少就截取多少
//数据校验
if (parseFloat(value).toString() == 'NaN') return '0.00'
// 将数值截取
let num = value.toString().split('.')
let zs = num[0]
let xs = num[1]
// 整数部分处理,增加,
const intPartFormat = zs.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,')
if (xs != null) {
if(cut == 0){
return intPartFormat + '.' + xs
}else if(cut == -1){
return intPartFormat
}else{
return intPartFormat +'.' + xs.substr(0,cut)
}
} else {
return intPartFormat
}
}
2.使用
2.1 import {numberFilter} from '../../../utils/numberUtils' //导入js
2.2 {{numberToCurrency('4545554.67676',10)}} //就和正常的函数一样调用,但是注意,
//导入外部的js不能直接调用,我们需要在函数里再调用
2.3 numberToCurrency(data,cut){
return numberFilter(data,cut)
},
//真正调用情景
更多推荐
已为社区贡献1条内容
所有评论(0)