el-table的每列也是复选框

在Vue的Element UI库中，`el-table`组件通常用于展示表格数据，如果需要在每一列添加复选框，可以通过定制列渲染来实现。你可以创建一个自定义的列模板，并将复选框作为其中的一部分。以下是一个简单的例子：

<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column type="selection" width="55"> <!-- 添加一个全选/取消选择列 -->
    </el-table-column>
    <template #default="{row, rowIndex, $index}">
      <el-checkbox v-model="row.checked" @change="handleCheckboxChange(rowIndex)"> <!-- 在每一行的开始处添加复选框 -->
        {{ row.label }} <!-- 或者显示其他列的数据 -->
      </el-checkbox>
      ... 其他列内容 ...
    </template>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { label: 'Row 1', checked: false },
        { label: 'Row 2', checked: true },
        // 更多数据...
      ],
      selectedRows: [] // 存储被选中的行
    };
  },
  methods: {
    handleCheckboxChange(index) {
      this.selectedRows.includes(this.tableData[index]) ? 
        this.selectedRows.splice(index, 1) :
        this.selectedRows.push(this.tableData[index]);
      // 如果你需要根据勾选状态做其他操作，可以在这里添加处理代码
    }
  }
};
</script>

在这个例子中，每个表格行都有一个复选框，用户可以选择或取消选择它们。当`handleCheckboxChange`方法被触发时，会更新`selectedRows`数组，记录哪些行被选中。