el-cascader隐藏一级多选
时间: 2024-09-03 08:00:55 浏览: 66
`el-cascader` 是 Element UI 提供的一款下拉选择组件,用于实现级联选择功能。如果你想在 `el-cascader` 中隐藏一级或多级的选择选项,你可以通过设置组件的属性来控制显示层级。
`el-cascader` 的 `props` (属性) 中有一个叫 `options` 的选项,这是一个数组,每个元素代表一个节点,包含 `value`、`label` 和 `children` 等字段。你可以对这个 `options` 进行处理,比如过滤掉不需要显示的一级节点:
```js
// 示例配置
const options = [
{
value: '0-0',
label: '顶级',
children: [
{ value: '0-0-0', label: '隐藏的第一级' },
{ value: '0-0-1', label: '正常显示的第二级' },
],
},
// 其他节点...
];
// 如果你想隐藏第一级,可以筛选出没有 children 的节点
const filteredOptions = options.filter(item => !item.children);
<el-cascader :options="filteredOptions" @change="handleChange"></el-cascader>
```
在这个例子中,只有第二级及其以上的节点会被显示出来。当你在组件上触发 `@change` 事件 (`handleChange`) 时,传递给你的将是用户最终选择的完整路径。
阅读全文