vue前端遇到大数的处理------json-bigint的介绍和使用

想必,很多人都遇到过关于后端返回数据中的大数字问题。明明你写的代码没有问题,然后后台的接口也没问题,但是你调用接口返回的数据就有误。

JavaScript 能够准确表示的整数范围在-2^53到 2^53之间(不含两个端点),超过这个范围,无法精确表示这个值,这使得 JavaScript 不适合进行科学和金融方面的精确计算。

先举个例子

vue前端遇到大数的处理------json-bigint的介绍和使用
上面代码中,超出 2 的 53 次方之后,一个数就不精确了。这个问题我们应该去处理

 如下:

 

1.首先 下载插件

vue前端遇到大数的处理------json-bigint的介绍和使用

2.设置配置 (固定配置)     注意::::instarce是我配置的axios统一路径可以不写

vue前端遇到大数的处理------json-bigint的介绍和使用

3.如果出现报错

可能是你的数据是对象格式的,输出的时候没有转成字符串

例如:这种错误

vue前端遇到大数的处理------json-bigint的介绍和使用

 解决:

vue前端遇到大数的处理------json-bigint的介绍和使用

  • 注意:
    alert会自动调用了toString()方法

只要经过json-bigint转换后的id,直接toString(),就能得到真实的id

上一篇:mysql存储手机号为什么不用bigint?


下一篇:spring cloud 学习笔记--03初始化数据库表信息