el-table 最后一列合计

`el-table` 是Element UI库中的表格组件，它允许你在表格的最后一列添加总计行。在Vue.js中，你可以通过动态计算每个字段的总和，并将其放在`<template>`的`<el-row>`标签内作为表格的一部分来实现这个功能。

例如：

<template>
  <el-table :data="tableData" style="width: 100%">
    <!-- 其他列... -->
    <el-table-column prop="total" label="合计">
      <template slot-scope="scope">
        {{ scope.row.total }}
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        // 数据对象数组...
      ],
      // 假设每一项都有一个计算总和的属性，如 'quantity' 和 'price'
      totalMethod(item) {
        return item.quantity * item.price;
      }
    };
  },
  computed: {
    // 在计算属性中，对数据进行求和
    formattedTableData() {
      this.tableData.forEach(item => {
        item.total = this.totalMethod(item);
      });
      return this.tableData;
    }
  }
};
</script>

在这个例子中，`totalMethod` 函数用于计算每个数据项的总计，然后在`formattedTableData`计算属性中应用到每个表数据对象上，最后将更新后的数据赋值给 `tableData`。当表格渲染时，最后一列会显示计算出的合计值。