安装vxe-table
npm install xe-utils vxe-table
在minjs里面引入

import Vue from ‘vue’
import ‘xe-utils’
import VXETable from ‘vxe-table’
import ‘vxe-table/lib/index.css’

  Vue.use(VXETable)

在需要添加合计的vue 文件里面
引入 import XEUtils from “xe-utils”;

在vxe-table 表单里面 引入添加
show-footer
:footer-method=“footerMethod”
在 methods: 里面写入方法、

 footerMethod ({ columns, data }) {
          const footerData = [
            columns.map((column, columnIndex) => {
              if (columnIndex === 0) {
                return '和值'
              }
              if (['changecoded'].includes(column.property)) {
                return XEUtils.sum(data, column.property)
              }
                return null;
             
            })
          ]
          return footerData
        },
Logo

前往低代码交流专区

更多推荐