解决vue中js计算精度问题封装的组件

一、在vue中，写一个js方法，如下precisionMath.js，放入mixins目录中

export const precisionMath =  {
    methods: {
    	// 加法
        add(arg1, arg2) { 
          var r1, r2, m, n;
          try { r1 = arg1.toString().split(".")[1].length } catch (e) { r1 = 0 }
          try { r2 = arg2.toString().split(".")[1].length } catch (e) { r2 = 0 }
          m = Math.pow(10, Math.max(r1, r2));
          //last modify by deeka
          //动态控制精度长度
          n = (r1 >= r2) ? r1 : r2;
          return ((arg1 * m + arg2 * m) / m).toFixed(n);
        },
        // 除法
        except(arg1, arg2) {
            var t1 = 0, t2 = 0, r1, r2;
            try {
            t1 = arg1.toString().split(".")[1].length
            } catch (e) {
            }
            try {
            t2 = arg2.toString().split(".")[1].length
            } catch (e) {
            }
            r1 = Number(arg1.toString().replace(".", ""))
            r2 = Number(arg2.toString().replace(".", ""))
            return (r1 / r2) * Math.pow(10, t2 - t1);
        },
        // 乘
        ride(arg1, arg2) {
            var m = 0, s1 = arg1.toString(), s2 = arg2.toString();
            try { m += s1.split(".")[1].length } catch (e) { }
            try { m += s2.split(".")[1].length } catch (e) { }
            return Number(s1.replace(".", "")) * Number(s2.replace(".", "")) / Math.pow(10, m)
        },
        // 减
        reduce(arg1, arg2) {
            var r1, r2, m, n;
            try { r1 = arg1.toString().split(".")[1].length } catch (e) { r1 = 0 }
            try { r2 = arg2.toString().split(".")[1].length } catch (e) { r2 = 0 }
            m = Math.pow(10, Math.max(r1, r2));
            //last modify by deeka
            //动态控制精度长度
            n = (r1 >= r2) ? r1 : r2;
            return ((arg1 * m - arg2 * m) / m).toFixed(n);
        }
    }
}

二、在页面中使用步骤如下

import { precisionMath } from "@/mixins/precisionMath";   // 在页面中引入这个js文件

export default {
   mixins: [addMath],   // 引入混入对象
   methods: {
   		addNum() {
   			add(0.1,0.2)     // 在methods中就可以使用混入对象中的任何方法
   		}
   }
},