vben admin table如何获取当前勾选
时间: 2024-05-03 09:23:05 浏览: 181
vue-vben-admin.md
vben admin table 可以通过以下代码获取当前勾选的行数据:
1. 首先在 `vben-admin` 的页面中添加一个 `ref` 标记,用于在组件中引用 `vben-admin-table` 组件:
```html
<template>
<v-card>
<vben-admin-table ref="adminTable" ...></vben-admin-table>
</v-card>
</template>
```
2. 在组件中使用 `$refs` 属性获取 `vben-admin-table` 组件实例,并调用 `getSelection` 方法获取当前勾选的行数据:
```javascript
export default {
...
methods: {
handleDelete() {
const selectedRows = this.$refs.adminTable.getSelection();
// do something with selectedRows
}
}
}
```
`getSelection` 方法返回一个数组,包含当前勾选的所有行数据。每个行数据是一个对象,包含该行数据的所有属性。如果没有勾选任何行,则返回一个空数组。
注意:如果你使用 `v-model` 绑定了 `vben-admin-table` 组件的 `selectedRows` 属性,则无需手动调用 `getSelection` 方法,可以直接通过 `this.selectedRows` 获取当前勾选的行数据。
阅读全文