el-table中加一个计数器

在Element UI的表格`el-table`中添加计数器，你可以通过数据绑定和自定义列来实现。首先，在数据中维护一个字段，用于存储计数值。例如，假设有一个数组`items`，你可以为每个对象添加一个`count`属性。

data() {
  return {
    items: [
      { name: 'Item 1', count: 0 },
      { name: 'Item 2', count: 0 },
      // ...
    ],
  };
}

然后，在表头模板中定义一个计数列：

<template>
  <el-table-column label="名称" prop="name"></el-table-column>
  <!-- 添加计数列 -->
  <el-table-column label="计数" prop="count" show-overflow-tooltip>
    <template slot-scope="scope">
      <span>{{ scope.row.count }}</span>
      <i v-if="scope.$index !== 0"> (总计 {{ getTotalCount() }})</i>
    </template>
  </el-table-column>
</template>

在这里，我们使用了Vue的`slot-scope`来访问当前行的数据，并计算总数。`getTotalCount`是一个可以定义的方法，遍历所有项并返回总和：

methods: {
  getTotalCount() {
    let total = 0;
    this.items.forEach(item => {
      total += item.count;
    });
    return total;
  },
}

当你增加或减少表单中的计数时，可以更新对应行的`count`值，动态改变计数器显示。