首页 > 其他 > 详细

vue element 表单 使用自定义合计方法 summary-method

时间:2021-04-28 16:36:09      阅读:181      评论:0      收藏:0      [点我收藏+]
判断不同的id 可进行不同的操作,这边按自己的需求来

getSummaries(param) {
const { columns, data } = param
const sums = []
columns.forEach((column, index) => {
if (index === 0) { // 只找第一列放合计
sums[index] = ‘合计:‘
return
}
if (column.property === ‘name‘) { // 判断当前prop绑定的ID
const values = data.map(item => (item[column.property]))// 把对应一列中的之全部取出,放到一个数组中
sums[index] = values.reduce((prev, curr) => {
const value = Number(curr)// 将values中的每个值转换为number类型
if (!isNaN(value)) {
return prev + curr
} else {
return prev
}
}, 0)
sums[index] += ‘元‘
} else if (column.property === ‘text‘) {
const values = data.map(item => (item[column.property]))// 把对应一列中的之全部取出,放到一个数组中
sums[index] = values.reduce((prev, curr) => {
const value = Number(curr)// 将values中的每个值转换为number类型
if (!isNaN(value)) {
return prev + curr
} else {
return prev
}
}, 0)
sums[index] += ‘人‘
}
})
return sums
}

vue element 表单 使用自定义合计方法 summary-method

原文:https://www.cnblogs.com/zyh2333/p/14714218.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!