vxe绑定的data中添加两个属性
footerMethod: this.footerMethod,//定义表尾方法
showFooter: true,//设置表尾可见
然后methods中定义footerMethod方法
footerMethod({ columns, data }) {
let arr = [7, 8, 9];//定义第几列参与合计
const sums = [];
columns.forEach((column, index) => {
if (index === 0) {
sums[index] = "合计";
return;
} else if (arr.findIndex((item) => item == index) != -1) {
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] = "";//当前字段统计无数字的时候默认显示为
}
} else {
sums[index] = "";//当前字段统计无数字的时候默认显示为
}
});
return [sums];//返回数据需要注意 sums是一个数组 但是表尾需要返回二维数组
},