el-cascader 收起
时间: 2023-08-20 22:05:51 浏览: 47
你可以使用 el-cascader 的 collapse 方法来收起 Cascader 组件。以下是一个示例代码:
```javascript
this.$refs.cascaderName.collapse();
```
其中 `cascaderName` 是你在组件上定义的 ref 属性的值。通过调用 `collapse()` 方法,你可以将 Cascader 组件收起。
相关问题
el-cascader鼠标移除收起菜单
el-cascader鼠标移除时收起菜单的问题可以通过以下方式解决。在给cascader绑定鼠标移出事件时,判断当前移出的节点是否是一级菜单节点,并且没有子菜单存在。如果是这种情况,则隐藏二级菜单。具体代码如下所示:
```
cascaderBoundEvent() {
let cascaderMenus = document.querySelectorAll('.el-cascader-menu');
let cascaderNodes = document.querySelectorAll('.el-cascader-node');
for (let i = 0; i < cascaderNodes.length; i++) {
cascaderNodes[i].onmouseleave = (e) => {
if (!cascaderNodes[i].querySelector('.el-icon-arrow-right')) {
cascaderMenus<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [vue element el-Cascader 级联选择器 收起二级菜单的问题解决办法详解](https://blog.csdn.net/qq_36410795/article/details/101012869)[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: 50%"]
- *2* *3* [elementUi cascader 级联动组件 hover 收起二级菜单](https://blog.csdn.net/QingWaXieZi/article/details/104382610)[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: 50%"]
[ .reference_list ]
el-cascader鼠标移除
根据引用的代码,当鼠标移入el-cascader-node元素时,会检查是否存在el-icon-arrow-right元素(即小三角符号)。如果存在,则显示el-cascader-menu元素集合的第一项,否则隐藏。那么当鼠标移出el-cascader时,可以推断出el-cascader-menu元素集合的第一项应该隐藏。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [解决element UI中 select下拉框 el-select-dropdown el-popper超出el-dialog弹框的问题](https://blog.csdn.net/shadow__jing/article/details/131924071)[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: 50%"]
- *2* *3* [elementUi cascader 级联动组件 hover 收起二级菜单](https://blog.csdn.net/QingWaXieZi/article/details/104382610)[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: 50%"]
[ .reference_list ]