antdesign中TreeSelect禁止选择父级
时间: 2024-10-11 09:06:59 浏览: 30
vue 监听 Treeselect 选择项的改变操作
在Ant Design(蚂蚁设计)的TreeSelect组件中,如果你想要禁止用户选择父节点,你可以通过设置`checkable`属性为`false`来实现。`checkable`属性控制是否可以勾选节点,将其设为`{ checkable: false }`即可防止父节点被选中。同时,你还可以通过`onCheck`回调函数进一步控制节点的选择行为,例如阻止默认的行为。
示例配置如下:
```jsx
import { TreeSelect } from 'antd';
const { TreeNode } = TreeSelect;
// ...
<TreeSelect
checkable={false} // 禁止选中父级节点
treeData={[
{
title: '父节点',
key: '0',
children: [
{ title: '子节点1', key: '1' },
{ title: '子节点2', key: '2' },
],
},
]}
/>
```
阅读全文