成都网站建设设计

将想法与焦点和您一起共享

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://chengdu.cdxwcx.cn/article/gopig.html