使用vxe-grid调用:footer-method函数如何实时更新合计数

要实时更新合计数，可以在footer-method函数中使用v-model绑定合计数值，并在每次数据更新后重新计算合计数并更新v-model绑定的值。具体实现步骤如下：

1. 在vxe-grid中设置footer-method属性，并将其值指定为一个函数，该函数接收一个参数，即当前表格的所有数据：

<vxe-grid :data="tableData" :footer-method="footerMethod"></vxe-grid>

2. 在footerMethod函数中，计算合计数，并将其赋值给一个变量，然后将这个变量的值赋给v-model绑定的合计数值：

footerMethod({ columns, data }) {
  let total = 0;
  // 计算合计数
  data.forEach(item => {
    total += item.price;
  });
  // 更新合计数值
  this.totalPrice = total;
  return columns.map(column => {
    // 返回表格底部的单元格内容
    if (column.property === 'price') {
      return `合计：${total}`;
    }
    return '';
  });
}

3. 在每次数据更新后，调用vxe-grid的refreshData方法重新计算合计数并更新v-model绑定的值：

this.tableData = newData; // 更新数据
this.$nextTick(() => {
  this.$refs.grid.refreshData(); // 刷新表格数据
});

这样，每次数据更新后，vxe-grid会调用footerMethod函数重新计算合计数并更新表格底部的合计数值，从而实现实时更新合计数的效果。