ant design vue 的tree树型控件获取复选框选中了那些节点
时间: 2023-08-03 21:04:26 浏览: 181
在 ant design vue 的 tree 树型控件中,可以通过监听 `check` 事件来获取复选框选中的节点信息。在事件回调函数中,会传入一个参数 `checkedKeys`,它是一个数组,包含了所有被选中的节点的 key 值。你可以在这个回调函数中将 `checkedKeys` 值保存下来,以便后续使用。
以下是一个示例代码:
```vue
<template>
<a-tree :checkable="true" @check="handleCheck">
<a-tree-node :key="1" :title="'Node 1'">
<a-tree-node :key="2" :title="'Node 1-1'"></a-tree-node>
<a-tree-node :key="3" :title="'Node 1-2'"></a-tree-node>
</a-tree-node>
<a-tree-node :key="4" :title="'Node 2'">
<a-tree-node :key="5" :title="'Node 2-1'"></a-tree-node>
<a-tree-node :key="6" :title="'Node 2-2'"></a-tree-node>
</a-tree-node>
</a-tree>
</template>
<script>
export default {
methods: {
handleCheck(checkedKeys) {
console.log('Checked keys:', checkedKeys)
}
}
}
</script>
```
在上面的示例中,当复选框选中或取消选中某个节点时,会触发 `handleCheck` 方法,并且将被选中的节点的 key 值传入作为参数。你可以在此方法中获取并处理这些 key 值。
阅读全文