vue 禁用el-cascader的第一级
时间: 2023-08-18 10:07:39 浏览: 107
vue el-cascader所需要的省市区街道联动的数据格式
你可以通过设置 `:show-all-levels` 属性为 `false` 来禁用 `el-cascader` 组件的第一级显示。这样,只有当选择了上一级选项后,才会显示下一级选项。以下是一个示例代码:
```html
<template>
<el-cascader
:options="options"
:show-all-levels="false"
placeholder="请选择"
></el-cascader>
</template>
<script>
export default {
data() {
return {
options: [
{
value: 'option1',
label: '选项1',
children: [
{
value: 'option1-1',
label: '选项1-1',
children: [
{
value: 'option1-1-1',
label: '选项1-1-1'
}
]
}
]
},
{
value: 'option2',
label: '选项2'
}
]
};
}
};
</script>
```
在上面的示例中,设置了 `:show-all-levels="false"` 后,只有当选择了第一级选项后,才会显示第二级选项。
阅读全文