vue el-table表格计算小计

要在Vue的el-table表格中计算小计，你可以使用table的slot-scope属性来获取每一行的数据，并在模板中进行计算。

首先，在el-table中添加一个slot，指定slot-scope为scope，如下所示：

<el-table :data="tableData">
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
  <el-table-column prop="score" label="分数"></el-table-column>
  <el-table-column label="小计">
    <template slot-scope="scope">
      {{ calculateSubtotal(scope.row) }}
    </template>
  </el-table-column>
</el-table>

在模板中，我们使用calculateSubtotal方法来计算每一行的小计。在Vue实例的methods中，定义这个方法：

methods: {
  calculateSubtotal(row) {
    return row.age + row.score;
  }
}

在这个例子中，我们假设每一行数据有name、age和score三个属性。我们通过传入row对象，来获取每一行的数据并进行计算。你可以根据实际需求修改calculateSubtotal方法来计算不同的小计。

通过这种方式，你可以在el-table表格中方便地计算小计并显示出来。