element ui 点击body 导航子菜单收缩的问题

最新推荐文章于 2024-01-04 15:58:15 发布
最新推荐文章于 2024-01-04 15:58:15 发布
阅读量7.4k 收藏 2
点赞数
分类专栏： 前端开发 文章标签： element element ui 点击body菜单收缩 element 新版本
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Wmeng_4065/article/details/84322938
版权

最近用element ui 发现点击其它区域就关闭当前子菜单，经过试验发现是版本问题，element ui 最新版本2.4.10会有这么一个问题，目前个人解决方案有

方法一：

改变被关闭子菜单的父菜单的颜色，以标注当前页面所属

方法二：

先锁定2.4.9版本

Wmeng_4065
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
element 中 el-menu 组件的无限极循环思路代码详解
10-15
主要介绍了element 中 el-menu 组件的无限极循环,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
elementui el-menu 关闭弹窗时，无法默认选中第一项
m0_37210775的博客
12-29 490
关闭弹窗的事件中：this.$refs.menuRef.activeIndex = ‘1-1’
elment-ui的侧边栏 开关及窗口联动
quanmeiren的博客
07-27 483
elment-ui的侧边栏 开关及窗口联动
element默认左侧菜单全部展开，禁止收缩
爱打篮球的猿
01-14 4626
<template> <el-menu class="el-menu-vertical-demo" @close="handleClose" :default-active="$route.path" ref="menus" :default-openeds="['0','1','2']" v-menuIcon > </el-menu&gt
elementui组件中取消el-menu的选中状态
weixin_43822237的博客
04-19 7657
链接：https://www.jianshu.com/p/c2b6a6152ce9 // 折叠当前展开的菜单栏。 this.$refs.elMenu.closeMenu(this.$refs.elMenu.openedMenus[0]) // 取消菜单栏的当前选中状态。 this.$refs.elMenu.activeIndex = null 我的开发中有个需求是当前el-menu-item选中打开路由页面时是选中状态，在关闭当前打开的路由页面恢复导航栏el-menu-item未选中的
elementui中导航组件点击二级菜单页面跳转但是二级菜单关闭问题
m0_51073906的博客
07-20 2044
elementui中导航组件库 多个一个菜单中包含二级菜单 第一次点击二级菜单页面跳转但是二级菜单关闭功能 解决方法： :default-active="$route.path" :unique-opened="true" 根据路由判断是否展开当前选中项 ...
elementUI中导航菜单，使打开的菜单关闭
IT_Dilraba_bin的博客
07-28 2775
elementUI中导航菜单，使打开的菜单关闭，导航菜单的Menu Events的close回调事件
Vue+elementui实现动态禁用菜单栏
HeBLL的博客
08-18 2212
动态禁用
elementUI-Dropdown多级菜单，鼠标移上后，前一级菜单消失（不显示）
qq_41714508的博客
01-04 677
【代码】elementUI-Dropdown多级菜单，鼠标移上后，前一级菜单消失（不显示）
【前端积累】二级菜单，鼠标滑过的时候子菜单显示，当鼠标离开的时候子菜单隐藏...
weixin_34075268的博客
11-07 2815
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <...
Element-Ui组件 NavMenu 导航菜单的具体使用
10-16
主要介绍了Element-Ui组件 NavMenu 导航菜单的具体使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
element-ui 设置菜单栏展开的方法
01-21
element-ui 侧边栏默认要全部展开怎么做？ element-ui文档中是这么写的 default-openeds 当前打开的sub-menu的key数组 给<el></el>标签加上这个属性 openeds需要在data里面定义一下 openeds是一个数组（当前打开的...
element-ui 实现响应式导航栏的示例代码
10-15
主要介绍了element-ui 实现响应式导航栏的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
详解element-ui级联菜单（城市三级联动菜单）和回显问题
10-16
主要介绍了详解element-ui级联菜单（城市三级联动菜单）和回显问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Python基于LSTM+Django的空气质量监测及预测系统源码毕业设计.zip
04-17
Python基于LSTM+Django的空气质量监测及预测系统源码毕业设计.zip个人经导师指导并认可通过的高分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码、该项目可以直接作为毕设使用。项目都经过严格调试，确保可以运行！ Python基于LSTM+Django的空气质量监测及预测系统源码毕业设计.zip个人经导师指导并认可通过的高分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码、该项目可以直接作为毕设使用。项目都经过严格调试，确保可以运行！ Python基于LSTM+Django的空气质量监测及预测系统源码毕业设计.zip个人经导师指导并认可通过的高分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码、该项目可以直接作为毕设使用。项目都经过严格调试，确保可以运行！Python基于LSTM+Django的空气质量监测及预测系统源码毕业设计.
asp.net某公司员工管理系统的设计与实现(源代码+论文).rar
04-17
计算机毕业设计，含源码
myudid
最新发布
04-17
myudid
严谨简约毕业论文答辩模板.ppt.zip
04-17
严谨简约毕业论文答辩模板.ppt
清爽精致论文答辩模板第三季.ppt.zip
04-17
清爽精致论文答辩模板第三季.ppt
element ui 导航菜单router
09-04
Element UI提供的导航菜单可以与Vue的路由器(router)结合使用。通过配置路由器，我们可以实现导航菜单的路由跳转和页面切换。 首先，在Vue项目中引入Element UI并配置路由器。你可以参考Element UI官网提供的文档和...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值