效果

 运算很准.jpg

原因

【js】小数浮点数计算不准确问题 - 三行代码 - 博客园

解决办法

1）uniapp项目引入decimal.js

2）在页面中使用数学库方法进行运算

步骤

1. uniapp项目引入decimal.js
   1）在HBuilderX中打开项目
   2）视图 》 显示终端
   3）执行命令 npm i decimal.js
   
   
   自动安装到：
   
2. 封装成公共的类，方便引用
   1）在项目根目录下创建文件 /utils/cal.js
   2）内容输入：

   /* 解决js计算精度问题 */
   import { Decimal } from 'decimal.js';//引入
   class Cal {
       jia(num1,num2) {
           return new Decimal(num1).add(new Decimal(num2))
       }
       jian(num1,num2) {
           return new Decimal(num1).sub(new Decimal(num2))
       }
       cheng(num1,num2) {
           return new Decimal(num1).mul(new Decimal(num2))
       }
       chu(num1,num2) {
           return new Decimal(num1).div(new Decimal(num2))
       }
   }
   export const cal = new Cal();

3. 重新编译项目
4. 调用方法：

   <script>
   	import { cal } from '@/utils/cal'
   	export default {
   		data() {
   			return {
   				
   			}
   		},
   		methods: {
   			
   			/**
   			 * 加 cal.jia(a, b)
   			 * 减 cal.jian(a, b)
   			 * 乘 cal.cheng(a, b)
   			 * 除 cal.chu(a, b)
   			 */
   			anyFn () {
   				let a = 0.1
   				let b = 0.2
   				let res = cal.jia(a, b)
   				console.log( res )
   			}
   
   		}
   	}
   </script>

 

 

感谢

uniapp使用decimal.js处理js的加减乘除的计算精度问题 - 赵永强 - 博客园npm i decimal.js import { Decimal } from 'decimal.js';//引入 let num1 = 351921.8; let num2 = 3https://www.cnblogs.com/xiaozhuangge/p/15726679.html