vue中高精度小数问题(加减乘除方法封装)处理

简介: vue中高精度小数问题(加减乘除方法封装)处理

文档地址:https://mikemcl.github.io/bignumber.js/

npm install bignumber.js --S
import { BigNumber } from 'bignumber.js';

加法

add(a, b) {
  a = BigNumber(a);
  b = BigNumber(b);
  return a.plus(b).toNumber();   //结果需要用toNumber转为普通数字
}
//调用
add(0.1,0.2)    //0.3

minus(a, b) {
  a = BigNumber(a);
  b = BigNumber(b);
  return a.minus(b).toNumber();
},

minus(0.3,0.1);     //0.2

mutiply(a, b) {
  a = BigNumber(a);
  b = BigNumber(b);
  return a.multipliedBy(b).toNumber();
}

mutiply(3,0.6);   //1.8

除法

devide(a, b) {
  a = BigNumber(a);
  b = BigNumber(b);
  return a.dividedBy(b).toNumber();
}
devide(355,113)  //  3.1415929203539825

多个数求和

multiAdd(...params) {
  let data = BigNumber(0);
  for (let index = 0; index < params.length; index++) {
    const element = BigNumber(params[index]);
    data = data.plus(element);
  }
  return data.toNumber();
}

multiAdd(1,2,3,4,5);   //15
相关文章
|
1天前
|
资源调度 JavaScript 前端开发
【vue】vue中的路由vue-router,vue-cli脚手架详细使用教程
【vue】vue中的路由vue-router,vue-cli脚手架详细使用教程
|
1天前
|
JavaScript 前端开发
vue组件化开发流程梳理,拿来即用
vue组件化开发流程梳理,拿来即用
|
1天前
|
JavaScript Go
Vue路由跳转及路由传参
Vue路由跳转及路由传参
|
2天前
|
JavaScript 前端开发 BI
采用前后端分离Vue,Ant-Design技术开发的(手麻系统成品源码)适用于三甲医院
开发环境 技术架构:前后端分离 开发语言:C#.net6.0 开发工具:vs2022,vscode 前端框架:Vue,Ant-Design 后端框架:百小僧开源框架 数 据 库:sqlserver2019
采用前后端分离Vue,Ant-Design技术开发的(手麻系统成品源码)适用于三甲医院
|
4天前
|
监控 JavaScript
Vue中的数据变化监控与响应——深入理解Watchers
Vue中的数据变化监控与响应——深入理解Watchers
|
5天前
|
JavaScript
【vue】如何跳转路由到指定页面位置
【vue】如何跳转路由到指定页面位置
8 0
|
5天前
|
JSON JavaScript 前端开发
【vue】假数据的选择和使用
【vue】假数据的选择和使用
11 1
|
5天前
|
JavaScript 前端开发
【vue】iview如何把input输入框和点击输入框之后的边框去掉
【vue】iview如何把input输入框和点击输入框之后的边框去掉
12 0
|
4天前
|
JavaScript 安全 前端开发
Vue 项目中的权限管理:让页面也学会说“你无权访问!
Vue 项目中的权限管理:让页面也学会说“你无权访问!
14 3
|
4天前
|
JavaScript 前端开发 开发者
Vue的神奇解锁:冒险的开始
Vue的神奇解锁:冒险的开始
5 1