1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > vue element-ui实现金额数字添加千分位并保留两位小数

vue element-ui实现金额数字添加千分位并保留两位小数

时间:2019-05-13 10:56:39

相关推荐

vue element-ui实现金额数字添加千分位并保留两位小数

实现金额千分位显示

<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 = numnumS = 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")); // numberconsole.log(this.elcommafy("1,259,879.32")); // 1259879.32

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。