加多选框

要在 `el-table` 中添加多选框，可以使用 `el-table-column` 的 `type` 属性来指定列的类型为 `selection`，同时需要添加一个 `el-table-column` 作为最左侧，用来显示多选框。以下是一个示例代码：

<template>
  <el-table :data="tableData" @selection-change="handleSelectionChange">
    <el-table-column type="selection" width="55"></el-table-column>
    <el-table-column prop="name" label="名称"></el-table-column>
    <el-table-column prop="age" label="年龄"></el-table-column>
    <el-table-column prop="gender" label="性别"></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        {
          name: '张三',
          age: 18,
          gender: '男'
        },
        {
          name: '李四',
          age: 20,
          gender: '女'
        }
      ],
      selectedRows: []
    };
  },
  methods: {
    handleSelectionChange(selection) {
      this.selectedRows = selection;
    }
  }
};
</script>

在上面的代码中，我们添加了一个 `el-table-column` 并将其类型设置为 `selection`，接着在 `el-table` 上监听了 `selection-change` 事件来获取当前选中的行数据。多选框的选中状态与表格数据源中的一个 `selected` 属性绑定，如果选中则为 `true`，否则为 `false`，你可以在 `handleSelectionChange` 方法中获取到当前选中的行数据，并在 `selectedRows` 数组中保存。