使用ELement-UI 自定义表格的总计 代码块

    
    
    
    
    
    
    
    
    
    
    
    
    
    js:
    getSummaries(param) {
    // 列表数据
      const { columns, data } = param
      // 定义新的数组接收
      const sums = []
      columns.forEach((column, index) => {
      // 定义第一列的底部是' 总计'
        if (index === 0) {
          sums[index] = '总计'
          return
        }
        // 循环列表数据得到我们的各个行与列的数据
        const values = data.map(item => Number(item[column.property]))
        // 通过prop找到你需要计算的列。
        if (column.property === 'amount3') {
          sums[index] = values.reduce((prev, curr) => {
            const value = Number(curr)
            if (!isNaN(value)) {
              return prev + curr
            } else {
              return prev
            }
          }, 0)
          sums[index]
          // 定义一个值接收得到的总计的数值
          this.contaddsum = sums[index].toFixed(2)
        } else {
          sums[index] = '--'
        }
      })
      // 得到返回值
      return sums
    },