antd cascader禁选第一级
时间: 2025-01-20 19:00:29 浏览: 54
### 如何在 Ant Design Cascader 组件中禁用第一级选项
为了实现这一功能,在配置 `options` 数据时可以设置特定属性来控制每一层节点的行为。对于想要禁用的第一级选项,可以在数据结构中的对应项加入 `disabled: true` 属性[^1]。
下面是一个具体的例子展示如何通过调整 `options` 来达到只允许选择第二级及其之后级别的效果:
```javascript
const options = [
{
value: 'zhejiang',
label: 'Zhejiang',
disabled: true, // 禁用此级别
children: [
{
value: 'hangzhou',
label: 'Hangzhou'
}
]
},
{
value: 'jiangsu',
label: 'Jiangsu',
disabled: true,
children: [
{
value: 'nanjing',
label: 'Nanjing'
}
]
}
];
```
当设置了上述的 `options` 后,用户将无法点击并选择 "Zhejiang" 或者 "Jiangsu" 这样的顶级分类,而只能进一步展开它们去选取更下一层的具体条目[^2]。
另外一种方式则是利用 `onPopupVisibleChange` 和自定义逻辑配合阻止默认行为的方法间接达成目的;不过直接修改 `options` 的做法更为直观简单有效[^3]。
阅读全文
相关推荐











