vue-element-admin 中的el-table 如何实现单击行选中复选框

在 `vue-element-admin` 中，实现单击行选中复选框可以通过以下步骤：

1. 添加 `@click` 事件监听器到 `el-table` 组件上，用于处理行的单击事件。
2. 在 `el-table` 的 `row-class-name` 属性中绑定一个方法，用于返回当前行是否被选中。
3. 在 `el-table-column` 的 `type` 属性中设置为 `selection`，表示该列是复选框列。

下面是一个示例代码：

<el-table
  :data="tableData"
  @row-click="handleRowClick"
  :row-class-name="rowClassName">
  <el-table-column type="selection"></el-table-column>
  <el-table-column prop="name" label="Name"></el-table-column>
  <el-table-column prop="age" label="Age"></el-table-column>
</el-table>

export default {
  data() {
    return {
      tableData: [
        { name: 'John', age: 28 },
        { name: 'Mike', age: 35 },
        { name: 'Alice', age: 22 }
      ],
      selectedRows: []
    }
  },
  methods: {
    handleRowClick(row) {
      this.$refs.table.toggleRowSelection(row)
    },
    rowClassName({ row }) {
      return this.selectedRows.includes(row) ? 'highlight-row' : ''
    }
  }
}

在上面的代码中，`handleRowClick` 方法用于处理行的单击事件，通过 `toggleRowSelection` 方法来切换当前行的选中状态。`rowClassName` 方法用于返回当前行是否被选中，如果是则添加一个 `highlight-row` 的 CSS 类，用于高亮显示选中的行。