el-table 如何实现单击行选中复选框

要在 `el-table` 中单击行时选中复选框，可以使用 `el-table` 提供的 `row-click` 事件和 `table-column` 组件中的 `type` 属性。

首先，在 `el-table` 中添加 `row-click` 事件监听器，并将 `selection` 属性绑定到当前行的数据项：

<el-table :data="tableData" @row-click="handleRowClick" :row-key="row => row.id" :selection="multipleSelection">

在 `handleRowClick` 方法中，判断当前行是否已选中，如果已选中，则取消选中；否则，选中当前行：

methods: {
  handleRowClick(row) {
    const index = this.multipleSelection.indexOf(row);
    if (index > -1) {
      this.multipleSelection.splice(index, 1);
    } else {
      this.multipleSelection.push(row);
    }
  }
}

然后，在 `table-column` 组件中设置 `type` 属性为 `selection`，以显示复选框列：

<el-table-column type="selection" width="55"></el-table-column>

最后，定义 `multipleSelection` 数据项，并将其初始化为空数组：

data() {
  return {
    tableData: [...],
    multipleSelection: []
  }
}

完成上述步骤后，单击 `el-table` 中的行时，应该能够选中或取消选中行对应的复选框。