vue2 点击保存按钮，分别计算出el-table中的金额这一列的总数，重量这一列的总数和一共多少条数据，并展示出来，请写出相关代码

假设 el-table 的数据源为 tableData，金额列的字段为 amount，重量列的字段为 weight，保存按钮的点击事件为 handleSave。

HTML代码：

<el-table :data="tableData" style="width: 100%">
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="amount" label="金额"></el-table-column>
  <el-table-column prop="weight" label="重量"></el-table-column>
</el-table>

<el-button type="primary" @click="handleSave">保存</el-button>

<div>总金额：{{totalAmount}}</div>
<div>总重量：{{totalWeight}}</div>
<div>总条数：{{totalRows}}</div>

Vue.js代码：

data() {
  return {
    tableData: [], // el-table 数据源
    totalAmount: 0, // 总金额
    totalWeight: 0, // 总重量
    totalRows: 0 // 总条数
  }
},
methods: {
  handleSave() {
    // 计算总金额、总重量和总条数
    let totalAmount = 0;
    let totalWeight = 0;
    let totalRows = this.tableData.length;
    for (let i = 0; i < totalRows; i++) {
      totalAmount += this.tableData[i].amount;
      totalWeight += this.tableData[i].weight;
    }
    this.totalAmount = totalAmount;
    this.totalWeight = totalWeight;
    this.totalRows = totalRows;
  }
}

在 handleSave 方法中，先遍历 el-table 的数据源 tableData，累加金额和重量，再将累加的结果赋值给对应的数据属性 totalAmount 和 totalWeight，最后将总条数赋值给 totalRows。这样就能实现点击保存按钮后，展示出 el-table 中金额、重量的总数和总条数。