vue的el-table的selection-change

文章讲述了如何在JavaScript函数中处理数据汇总,当遇到某些值为非数字时需保留两位小数,通过`toFixed(2)`实现。问题在于当需要保留三位小数时,代码需要相应修改。
摘要由CSDN通过智能技术生成

一开始是计算的错误,不知道哪里来的进了1

写保留两位小数,但是计算一直都是

解决方法

  @selection-change="handleSelectionChange"
解决代码

// 合计
function getSummaries(param) {
    const { columns } = param
    const sums = []
    columns.forEach((column, index) => {
        if (index === 0) {
            sums[index] = '合计'
            return
        }
//符合要计算的数据合计,其他的返回空
        if (['xxx', 'xxx', 'xxx', 'xxx', 'xxxxx'].includes(column.property)) {
            const values = form.value.faUsedCarReconcileInsertInfoAos?.map((item) => Number(item[column.property])) || []
            if (!values.every((value) => Number.isNaN(value))) {
                sums[index] = `${values.reduce((prev, curr) => {
                    const value = Number(curr)
                    if (!Number.isNaN(value)) {
                        return parseFloat((prev + curr).toFixed(3))
                    } else {
                        return parseFloat((prev).toFixed(2))
                    }
                }, 0).toFixed(2)}`
            } else {
                return ''
            }
        }

       
    })
    return sums
}

改成保留3位,就没问题了

Vueel-tableElement UI库中的一个表格组件,它提供了丰富的功能和选项来展示和操作数据。el-table支持单选功能,可以通过配置来实现。 要实现el-table的单选功能,需要使用el-tableselection属性来指定数据项中用于标识选中状态的字段。具体步骤如下: 1. 在el-table组件上添加selection属性,指定一个字段名,用于标识选中状态。例如,可以将selection属性设置为"selected"。 2. 在数据项中添加一个与selection属性相对应的字段,用于存储选中状态。例如,可以在每个数据项中添加一个名为"selected"的字段,并初始化为false。 3. 在el-table-column组件中添加type属性,并将其设置为"selection",以显示选择框。 4. 在el-table组件上添加@selection-change事件监听器,当选择发生变化时触发回调函数。 5. 在回调函数中更新数据项的选中状态。 下面是一个示例代码: ```html <template> <el-table :data="tableData" :selection="selectedItems" @selection-change="handleSelectionChange"> <el-table-column type="selection"></el-table-column> <el-table-column prop="name" label="姓名"></el-table-column> <el-table-column prop="age" label="年龄"></el-table-column> </el-table> </template> <script> export default { data() { return { tableData: [ { name: '张三', age: 20, selected: false }, { name: '李四', age: 25, selected: false }, { name: '王五', age: 30, selected: false } ], selectedItems: [] }; }, methods: { handleSelectionChange(selection) { this.selectedItems = selection; } } }; </script> ``` 在上述示例中,el-tableselection属性被设置为"selected",数据项中添加了一个名为"selected"的字段,并初始化为false。el-table-column的type属性被设置为"selection",以显示选择框。@selection-change事件监听器会在选择发生变化时触发回调函数handleSelectionChange,通过更新selectedItems数组来保存选中的数据项。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值