vxe-table根据row-id设置复选框选中
时间: 2023-08-06 08:04:15 浏览: 3373
vxe-grid加载页面默认表格选中第一行高亮.vue
对于vxe-table中的复选框,可以通过设置`checkbox-config`属性来控制是否选中。其中,可以使用`check-row-key`属性指定每行数据的唯一标识符,然后在数据源中设置该标识符对应的值来控制行的选中状态。
具体来说,可以在表格的`checkbox-config`属性中设置`check-row-key`,例如:
```
<template>
<vxe-table :data="tableData" :checkbox-config="{ check-row-key: 'id' }">
...
</vxe-table>
</template>
```
然后,在数据源中,为每一行数据设置对应的`id`值,例如:
```
data() {
return {
tableData: [
{ id: 1, name: 'John' },
{ id: 2, name: 'Amy' },
{ id: 3, name: 'Bob' }
],
...
}
}
```
如果需要设置某些行的复选框为选中状态,则可以在对应的行数据中设置`id`对应的值为`true`,例如:
```
this.tableData[0].id = true;
```
这样,第一行的复选框就会被设置为选中状态。
阅读全文