antdesignvue 获得当前选中行
时间: 2023-10-09 21:17:39 浏览: 114
vue treeselect获取当前选中项的label实例
如果您正在使用 antd table,您可以使用 `rowSelection` 属性来获取当前选中行。具体来说,您可以将 `rowSelection` 设置为一个对象,该对象具有 `onChange` 和 `selectedRowKeys` 属性。`onChange` 是在行选中状态发生变化时触发的回调函数,而 `selectedRowKeys` 是当前选中行的key的数组。以下是一个示例:
```html
<template>
<a-table :columns="columns" :dataSource="data" :rowSelection="rowSelection"></a-table>
</template>
<script>
export default {
data() {
return {
columns: [...],
data: [...],
selectedRowKeys: []
}
},
computed: {
rowSelection() {
return {
onChange: this.onSelectChange,
selectedRowKeys: this.selectedRowKeys
}
}
},
methods: {
onSelectChange(selectedRowKeys) {
console.log('selectedRowKeys:', selectedRowKeys)
this.selectedRowKeys = selectedRowKeys
}
}
}
</script>
```
在这个示例中,当您选择一行时,`onSelectChange` 方法将被调用,并将当前选中行的 key 存储在 `selectedRowKeys` 中。您可以在 `onSelectChange` 方法中执行任何您想要的操作,例如将选中行的数据提交给后端进行处理等。
阅读全文