js解决浮点型小数乘法精度丢失问题

Lao乾妈官方认证唯一女友:D

于 2023-06-08 15:51:19 发布

阅读量253

点赞数

文章标签： html javascript

本文链接：https://blog.csdn.net/qq_24385297/article/details/131109622

版权

文章讲述了在使用GTable组件时遇到的一个问题，即在计算`premiumRate`列时丢失了精度。解决方案是通过将`record.premiumRate`乘以100并使用`toFixed(2)`方法确保显示两位小数，从而保证数值精度。这个修复方法已应用于表格的模板渲染部分。

摘要由CSDN通过智能技术生成

需求效果图：
在这里插入图片描述
bug图（此处0.14*100丢失了精度）：
请添加图片描述
解决代码：

<GTable   scrollY="calc(50vh - 100px)"  :column="jjfColumns" :data="jjfData"  :rowSelection="{toKey: 'deliverTime'}">
		   <template #bodyCell="{ column ,record,dataIndex}">
		      <div v-if="dataIndex=='premiumRate'">{{parseFloat((record.premiumRate*100).toFixed(2))}}</div>
		   </template>
		</GTable>