Element-UI】el-table的Checkbox

使用 Element-UI 中的 el-table 组件时，可以通过设置 show-checkbox 属性来显示复选框。具体实现如下：

1. 在 el-table 组件中添加 show-checkbox 属性：

<el-table :data="tableData" show-checkbox>
  <!-- 表格列定义 -->
</el-table>

2. 在表格列定义中添加 type 属性为 selection：

<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>

这样就可以在表格的第一列显示复选框了。

如果需要获取选中的行数据，可以通过监听 selection-change 事件来实现：

<el-table :data="tableData" show-checkbox @selection-change="handleSelectionChange">
  <!-- 表格列定义 -->
</el-table>

methods: {
  handleSelectionChange(rows) {
    console.log(rows)
  }
}

其中，rows 为选中的行数据。