Vue科学计数法常见处理方法举例

<template>
  <div>
    <p>{{ formattedNumber }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      number: 123456.789,
    };
  },
  computed: {
    formattedNumber() {
      const formatted = Number(this.number).toLocaleString(); // 格式化为带千分位的字符串
      const rounded = Number(this.number).toFixed(2); // 保留两位小数
      const parsed = Number.parseFloat("3.14"); // 解析字符串为浮点数
      const intValue = Number.parseInt("42"); // 解析字符串为整数
      const isFiniteNumber = Number.isFinite(123); // 检查是否为有限数
      const isNaNNumber = Number.isNaN(NaN); // 检查是否为NaN
      return `${formatted}, ${rounded}, ${parsed}, ${intValue}, ${isFiniteNumber}, ${isNaNNumber}`;
    },
  },
};
</script>

<template>
  <div>
    <p>{{ formattedNumber }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      number: 1.23e+6,
    };
  },
  computed: {
    formattedNumber() {
      const decimalNumber = this.number.toFixed(2); // 保留两位小数
      const scientificNotation = Number(decimalNumber).toExponential(); // 转换为科学计数法
      return scientificNotation;
    },
  },
};
</script>

    dealNum(val) {
      return (val * 1).toFixed(2);
    },

    dealNum(val) {
      return (val * 100).toFixed(2) + "%";
    },

//通过率
dealNum(passNum,  totalNum) {
   return (passNum / totalNum).toFixed(2) + "%";
},

<template>
  <div>
    <label>Number:</label>
    <input type="number" inputmode="numeric" v-model="number">
  </div>
</template>

<script>
export default {
  data() {
    return {
      number: null
    };
  }
};
</script>