vueelement-ui中使用table实现合计指定列求和-创新互联

本篇文章给大家分享的是有关vue element-ui中使用table实现合计指定列求和，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。

成都创新互联公司秉承实现全网价值营销的理念，以专业定制企业官网，网站设计制作、网站建设，微信小程序定制开发，网页设计制作，成都做手机网站，网络营销推广帮助传统企业实现“互联网+”转型升级专业定制企业官网,公司注重人才、技术和管理，汇聚了一批优秀的互联网技术人才,对客户都以感恩的心态奉献自己的专业和所长。

注意点：

1. 中 加:summary-method="getSummaries"

2. 中要加 prop

// 房间号的合计去掉
 getSummaries (param) {
  const { columns, data } = param
  const sums = []
  columns.forEach((column, index) => {
  if (index === 0) {
   sums[index] = '总计'
  } else if (index === 5 || index === 6) {
   const values = data.map(item => Number(item[column.property]))
   if (!values.every(value => isNaN(value))) {
   sums[index] = values.reduce((prev, curr) => {
    const value = Number(curr)
    if (!isNaN(value)) {
    return prev + curr
    } else {
    return prev
    }
   }, 0)
   } else {
   sums[index] = 'N/A'
   }
  } else {
   sums[index] = '--'
  }
  })
  return sums
 }

文章名称：vueelement-ui中使用table实现合计指定列求和-创新互联
本文路径：http://bjjierui.cn/article/gopig.html