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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了 vue element 表单 使用自定义合计方法 summary-method，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1094字，纯文字阅读大概需要2分钟。

内容图文

判断不同的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全部内容，希望文章能够帮你解决 vue element 表单 使用自定义合计方法 summary-method所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---