vue element-ui实现金额数字添加千分位并保留两位小数
【代码】vue 实现金额数字添加千分位并保留两位小数。
·
实现金额千分位显示
<template>
<div>{{ toFixed(number) }} </div>
</template>
<script>
export default {
data() {
return {
number1: 1259879.32456785,
number2: 1259879.5,
number3: 1259879.0,
number4: 1259879,
}
},
methods: {},
}
1、强行保留两位小数并显示千分位
// 强行保留两位小数
toFixed(val) {
return parseFloat(val).toLocaleString('en', {
minimumFractionDigits: 2,
maximumFractionDigits: 2,
})
}
2、小数点后大于0则显示,如果小数点后都为0则不显示小数,
toFixed(val) {
let num = parseFloat(val).toLocaleString("en", {
minimumFractionDigits: 2,
maximumFractionDigits: 2,
});
let actualNum = num.split(".");
if (actualNum[1] > 0) {
return num;
} else {
return actualNum[0];
}
},
},
前两种方法输出后都为string类型,如果需要计算还需将string类型转为number类型
去掉千分位显示number类型进行计算
elcommafy(num) {
//去除千分位中的‘,’
if (num && num != 'undefined' && num != 'null') {
let numS = num
numS = numS.toString()
numS = numS.replace(/,/gi, '')
return Number(parseFloat(numS).toFixed(2));
} else {
return Number(num);
}
},
console.log(typeof this.elcommafy("1,259,879.32")); // number
console.log(this.elcommafy("1,259,879.32")); // 1259879.32
更多推荐
已为社区贡献3条内容
所有评论(0)