vxe-table库如何获取checkbox选择的行
时间: 2023-06-20 11:06:14 浏览: 700
vxe-table 是一个 Vue.js 的表格组件库,可以用于展示和编辑数据。如果需要获取 checkbox 选择的行,可以使用其提供的 `getCheckboxRecords` 方法。
具体步骤如下:
1. 在表格中添加 `checkbox` 列,并设置 `type` 属性为 `checkbox`:
```html
<vxe-table :data="tableData">
<vxe-table-column type="checkbox"></vxe-table-column>
<!-- 其他列 -->
</vxe-table>
```
2. 在需要获取 checkbox 选择的行的方法中,调用 `getCheckboxRecords` 方法,该方法会返回一个数组,包含所有被选中的行数据:
```javascript
// 获取选中的行数据
let selectedRows = this.$refs.table.getCheckboxRecords();
```
注意,需要给表格添加 `ref` 属性,以便在方法中使用 `$refs` 获取表格实例。