js处理大的数值会缺少,主要因为js有最大安全数,超过了这个数就失去精度了。所以要解决这个问题 我们考虑到使用插件:
1.vue开发前端的有时候后台返回的是数字 获取时候就失去精度了 这个时候可以使用
包的处理: 其实就是把"大数"转换为一个js字符串对象,这样js就可以识别了,当用到的时候就可以使用这个对象.tostring转换成字符串
下载:
npm install json-bigint -S
// 导入大数处理的包
import bigInt from 'json-bigint'
const transBigInt = data => {
try {
// 尝试进行大数处理
// 优选方案
return bigInt.parse(data)
} catch {
// 大数处理失败,单纯的进行 JSON -> 对象的转换
// 兜底的方案
return JSON.parse(data)
}
}
axios.defaults.transformResponse= [transBigInt] // 对服务器响应回来的数据,进行预处理transformResponse: [transBigInt]
这样接口返回的数据就不丢失精度了
对数据处理之后想要计算比如计算和 用bignumber插件 下载:
npm install bignumber.js
自己写了一个格式化金额保留两位的函数和求和的 传递的参数都需要是数字都需要提前转成字符串 不然会丢失精度
import Bignumber from "bignumber.js";
const bigObjFN={
//取值金额格式化个数
formatNumber(num,len=2){
//格式化金额
return new Bignumber(num).toFormat(len)
},
//大数据计算求和
add(arg1=0,arg2=0){
return new Bignumber(arg1).plus(arg2).toString();
}
}