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是一个数组 但是表尾需要返回二维数组
    },
Last modification:October 31, 2022
反正也没人会打赏