antdesign vue 树形控件怎么让父节点key值不被选进
时间: 2023-10-10 15:12:53 浏览: 123
如果您使用的是 Ant Design Vue 中的 TreeSelect 组件,您可以通过设置 `treeDefaultExpandAll` 属性为 `true` 来展开所有的节点,然后在 `treeData` 中为每个节点添加一个 `disabled` 属性,将其设置为 `true` 来禁用父节点的选择。例如:
```vue
<template>
<a-tree-select
:tree-data="treeData"
:tree-default-expand-all="true"
:get-popup-container="getPopupContainer"
allow-clear
multiple
v-model="selectedKeys"
/>
</template>
<script>
export default {
data() {
return {
treeData: [
{
title: 'parent1',
key: '1',
children: [
{
title: 'child1',
key: '1-1',
},
{
title: 'child2',
key: '1-2',
},
],
disabled: true, // 禁用父节点的选择
},
{
title: 'parent2',
key: '2',
children: [
{
title: 'child3',
key: '2-1',
},
{
title: 'child4',
key: '2-2',
},
],
},
],
selectedKeys: [],
};
},
methods: {
getPopupContainer() {
return document.body;
},
},
};
</script>
```
阅读全文