安装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
},