当前位置: 首页 > article >正文

antdesignvue统计数据源条数、计算某列合计值、小数计算不精确多了很多小数位

1.在</a-table>下方加如下代码

<div>数据总条数:{ {tableData.length}}&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp

        <template>A列合计:{ {sum}}</template>

</div>

注:tableData为<a-table>标签中 :dataSource="tableData"的值

2.引入bignumber.js,对小数计算不精确多小数位进行处理

import BigNumber from 'bignumber.js'

3.定义sum

const sum = ref(0)

4.定义计算的函数

const sumFunction = () => {

        sum.value = tableData.value.reduce((acc, item) => {

                const A = Number(item.A) || 0;

                return acc.plus(new BigNumber(A))

        }, new BigNumber(0)).toNumber()

}


http://www.kler.cn/a/518474.html

相关文章:

  • 媒体新闻发稿要求有哪些?什么类型的稿件更好通过?
  • navicat无法连接虚拟机的docker中的mysql
  • 理解C++编译时类型转换符:static_cast
  • 系统思考—复杂问题的根源分析
  • 技术之翼,创作之心
  • Java设计模式 十 装饰模式 (Decorator Pattern)
  • 2025,“鱿鱼游戏”闯入AI赛道
  • MySql精确匹配“,“分隔开的内容的函数语法
  • 探索Python GUI新选择:Flet库介绍与快速实践
  • Leetcode热题——移动零
  • [STM32 - 野火] - - - 固件库学习笔记 - - -十一.电源管理系统
  • ELK环境搭建
  • 在K8S中,如果后端NFS存储的IP发送变化如何解决?
  • 一个vue项目npm install失败的问题解决方案
  • 后端学习路线
  • Linux系统 C/C++编程基础——基于Qt的图形用户界面编程
  • +-*/运算符优先级计算模板
  • 数学大模型MAmmoTH:通过混合说明调整建立数学通才模型
  • 浏览器默认语言与页面访问统计问题二三则
  • 网络知识小科普--5