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()

}

相关推荐
hahala233314 分钟前
ESLint 提交前校验技术方案
前端
夕水36 分钟前
ew-vue-component:Vue 3 动态组件渲染解决方案的使用介绍
前端·vue.js
Winwin38 分钟前
js基础-数据类型
javascript
Winwin39 分钟前
哈?Boolean能作为回调函数?
javascript
我麻烦大了39 分钟前
实现一个简单的Vue响应式
前端·vue.js
Shartin42 分钟前
CPT208-Human-Centric Computing: Prototype Design Optimization原型设计优化
开发语言·javascript·原型模式
独立开阀者_FwtCoder1 小时前
你用 Cursor 写公司的代码安全吗?
前端·javascript·github
dme.1 小时前
Javascript之DOM操作
开发语言·javascript·爬虫·python·ecmascript
Cacciatore->1 小时前
React 基本介绍与项目创建
前端·react.js·arcgis
摸鱼仙人~1 小时前
React Ref 指南:原理、实现与实践
前端·javascript·react.js