实现金额千分位显示

<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
Logo

前往低代码交流专区

更多推荐