数字简介

帮助用户格式化数字，和数字之间的计算。项目中工具的引用方式，请参考安装指南中的工具使用。

formatNum 格式化数字

主要功能为数字的千分位转换、保留小数位和小数位数自动补位。
formatNum(输入的数字，保留小数位数, 是否自动补位)

千分位格式化(自动补位)：

<template>
    <div>
        <el-input v-model="num" placeholder="请输入" />
        <p>千分位格式化(自动补位)：{{ formatNum(num, 4, true) }}</p>
    </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import { utils } from '../../../../packages';

const { formatNum } = utils;

const num = ref();
</script>

plus 精确加

可以2位数相加，也可以多位数一起相加。

原生js：0.1 + 0.2 = 0.30000000000000004

plus方法：0.1 + 0.2 = 0.3

<template>
    <div>
        <p>原生js：0.1 + 0.2 = {{ 0.1 + 0.2 }}</p>
        <p>plus方法：0.1 + 0.2 = {{ plus(0.1, 0.2) }}</p>
    </div>
</template>

<script setup lang="ts">
import { utils } from '../../../../packages';

const { plus } = utils;
</script>

plus 精确减

可以2位数相减，也可以多位数一起相减。

原生js：0.3 - 0.2 = 0.09999999999999998

plus方法：0.3 - 0.2 = 0.1

<template>
    <div>
        <p>原生js：0.3 - 0.2 = {{ 0.3 - 0.2 }}</p>
        <p>plus方法：0.3 - 0.2 = {{ accReduce(0.3, 0.2) }}</p>
    </div>
</template>

<script setup lang="ts">
import { utils } from '../../../../packages';

const { accReduce } = utils;
</script>

accMul 精确乘

可以2位数相乘，也可以多位数一起相乘。

原生js：0.34 * 10000 = 3400.0000000000005

plus方法：0.34 * 10000 = 34000

<template>
    <div>
        <p>原生js：0.34 * 10000 = {{ 0.34 * 10000 }}</p>
        <p>plus方法：0.34 * 10000 = {{ accMul(0.34, 10000, 10) }}</p>
    </div>
</template>

<script setup lang="ts">
import { utils } from '../../../../packages';

const { accMul } = utils;
</script>

accDiv 精确除

可以2位数相除，也可以多位数一起相除。

原生js：0.3 / 10000 = 0.000029999999999999997

plus方法：0.3 / 10000 = 0.00003

<template>
    <div>
        <p>原生js：0.3 / 10000 = {{ 0.3 / 10000 }}</p>
        <p>plus方法：0.3 / 10000 = {{ accDiv(0.3, 10000) }}</p>
    </div>
</template>

<script setup lang="ts">
import { utils } from '../../../../packages';

const { accDiv } = utils;
</script>