el-cascader级联如果没选再次打开不展开面板
时间: 2023-11-07 19:33:31 浏览: 100
对于这个问题,可以使用 el-cascader 组件的 clearable 属性,并将其设置为 true,这样在清空选择后,再次点击组件时就会自动展开下拉菜单面板。同时,可以通过修改 el-cascader 组件的 expand-trigger 属性来控制下拉菜单面板的展开方式,比如设置为 click 或 hover。
相关问题
果需要修改 el-cascader 组件中的级联选择器面板的高度
如果需要修改 `el-cascader` 组件中的级联选择器面板的高度,可以通过以下方式进行:
1. 在 `el-cascader` 组件中添加 `popper-class` 属性,并指定一个自定义的样式类名,如:`<el-cascader popper-class="custom-class"></el-cascader>`。
2. 在样式文件中定义自定义的样式类名,并设置高度属性,如:
```
.custom-class .el-cascader-menu {
max-height: 300px; /* 设置最大高度为 300px */
}
```
这样就可以修改级联选择器面板的高度了。需要注意的是,如果设置了 `max-height` 属性,当级联选择器面板内容超过指定高度时,会出现滚动条。
el-cascader-panel
el-cascader-panel是一个下拉框的样式,也可以完整显示为一个面板。可以使用`<el-cascader-panel>`标签来实现。例如:
```html
<el-cascader-panel v-model="value" :options="defaultOptions"></el-cascader-panel>
```
这样就可以使用el-cascader-panel来展示下拉框的样式。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [Element el-cascader 级联选择器详解](https://blog.csdn.net/woshisangsang/article/details/120035535)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)