el-menu侧边菜单栏收起不显示菜单名

最新推荐文章于 2024-05-28 14:51:46 发布
原创 最新推荐文章于 2024-05-28 14:51:46 发布 · 676 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #elementui #前端

博客指出在Vue项目中，菜单栏收起时菜单名称收起效果奇怪的问题，并给出解决办法，即在el-menu中添加collapse-transition属性，设置为“false”。

1. 问题如下

菜单栏收起时，会收起菜单的名称，效果看起来很奇怪
在这里插入图片描述

2. 解决

在el-menu 中添加collapse-transition属性：:collapse-transition=“false”
在这里插入图片描述
在这里插入图片描述

o0麦嘎
关注
vue2 - 完美去掉隐藏 elementui 侧边导航菜单出现的滚动条，局部去掉 el-menu 菜单显示的滚动条
高级前端工程师
03-27 6461
element-ui侧边导航栏有滚动条，前端- 如何关闭elementUI左侧aside的滚动条，使用vue和element 导航菜单去除的滚动条，使用vue和element 导航菜单去除的滚动条，Vue elementui中侧边栏滚动条隐藏，Vue后台项目中如何去除左侧菜单栏滚动条，vue elementui 组件库的侧边栏出现滚动条，ElementUI侧边导航栏出现滚动条 如何去除，element-ui侧边导航栏有滚动条，Vue elementui中侧边栏滚动条隐藏，使用vue和element导航菜单去
Vue3 - Element Plus 菜单侧边栏可拖动调整左右两侧宽度，el-menu菜单组件拖拽中间的分隔栏可调整布局宽度，后台管理系统左侧导航栏可拖曳自由调整大小（Menu菜单拖拽条，详细代码）
最新发布
🏆 前端领域优质创作者
04-03 6569
vue3，element-plus，el-menu，Menu菜单，Vue3+Element拖动侧边栏以便自由调整左右两侧的宽度，el-menu侧边栏可拖拽，右侧区域可自适应宽度，el-menu可拖拽侧边栏实现，菜单栏可以拖动改变宽度，vue3实现左侧导航菜单可拖拽改变左侧导航宽度，vue3中实现拖动调整左右两侧div的宽度(左右拖拽)，菜单可左右拖曳调整，vue3修改侧边导航栏宽度方法，vue3动态修改侧边菜单栏宽度，实现鼠标左右拖拽移动，去除滚动条，element拖动侧边栏以便自由调整左右两侧的宽度，vu
Vue-cli实战项目14全局面包屑导航开发
weixin_42213903的博客
11-20 1240
文章目录上一章节面包屑导航基本实现通过路由数据生成完整代码下一章节 上一章节 Vue-cli实战项目13 分离全局配置 面包屑导航 使用Element 的 Breadcrumb 面包屑 组件来实现。 显示当前页面的路径，快速返回之前的任意页面。 Breadcrumb 面包屑API 基本实现 <el-breadcrumb separator-class="el-icon-arrow-righ...
vue element el-Cascader 级联选择器 收起二级菜单的问题解决办法详解
热门推荐
@必意玲
09-19 1万+
最近做项目经常用到 el-Cascader 这个级联选择器，也是踩过好过坑，这里记录下自己踩的坑。 先说一下问题： 当在鼠标移动到 组件 位置触发子菜单后，再移动到 指南 位置，但是 组件 的子级菜单并没有收起 ，如此移来移去，让人感觉就像是 指南 下面有子级菜单，其实指南并没有子级菜单。 1. 总结一句话：移到父菜单 相应子菜单出现 没有子菜单 则所有子菜单消失 2. 解决办法 通过 slo...
解决 elementUi 侧边栏折叠后图标不显示或者文字不消失问题
DDDHL_的博客
03-01 1万+
elementUi 侧边栏折叠后图标不显示或者文字不消失问题
动态el-menu,折叠文字不隐藏、菜单导航折叠后文字不隐藏
yuguang的博客
09-14 5037
1.动态菜单（递归模式） <template> <div> <template v-for="menu in menuTreeData"> <!-- 包含子节点 --> <el-submenu v-if="menu.children" :key="menu.menuUrl" :index="menu.menuUrl"> <template slot="title">
el-menu 该有的页面显示不出来第一个应该想到的问题首先就算检查是否多写了一个 , 导致显示不出来原有的页面
m0_74099927的博客
04-19 397
el-menu 该有的页面显示不出来第一个应该想到的问题首先就算检查是否多写了一个 , 导致显示不出来原有的页面。如图所示多写了一个，就会导致该有的页面显示不出来。
如何在Element UI中的el-menu侧边导航栏中，更改插槽title菜单项标题的颜色？
11-29
在Element UI的`el-menu`侧边导航栏中，更改插槽`<template slot="title">`中菜单项标题的颜色，可以通过CSS或者组件内动态设置来实现。以下是两种常见的方法： 1. **使用CSS**: 首先，在你的样式文件(`main.css`...
使用el-menu做侧边栏导航遇到需要点击两次菜单才展开
qq_37635012的博客
06-27 2188
如上图，在我第一次点击选中“告警管理”这个菜单的时候，外联监测它会立马收缩起来，当我第二次点击时就不会收缩，而是展开状态，这是因为我的el-menu里default-active和el-submenu的index及el-menu-item的index属性不一致导致的，
Element UI 的el-menu在VUE项目中实现再次点击左侧菜单栏，右侧页面内容刷新
怡暘
08-03 3319
背景：在对项目进行bug走查的时候，测试人员突然提出项目左侧菜单栏再次点击时候要进行页面刷新，当时我真的懵了，vue项目了router还能在当前页面进行再次刷新！！！我怀着疑惑上网查询、咨询足足使用了我3h，多宝贵的时间呀，就这么浪费掉了。最后，好歹，功夫不负有心人，还真有大佬讲到该部分的内容，通过自己尝试最终将问题解决。下面将我的问题解决方法分享给大家。 参考：https://blog.csdn.net/tq1711/article/details/108386307?utm_medium=distrib
菜单栏隐藏
10-05
是一个能隐藏任何窗口的工具软件。用户可以任意指定要隐藏的窗口，然后在任何需要的时候按热键ait+x开启
后台左侧折叠菜单导航
01-12
网站后台左侧折叠菜单并且具有缓冲效果，更人性化，看起来有平滑的感觉，需要找类似jQuery效果的朋友不妨看看，也许对你所需的代码有帮助。
vue2 element-ui el-menu只有一个子菜单时 父菜单不加载问题解决(vue-element-admin&&vue-admin-template)
qq_44776454的博客
05-28 1225
element-ui el-menu只有一个子菜单时 父菜单不加载问题解决(vue-element-admin&&vue-admin-template)
Vue点击按钮控制左侧菜单显示隐藏-elementUI
TATOQOQ的博客
08-06 3428
<template> <div class="home-container"> <el-menu :collapse="isCollapse"> ... </el-menu> </div> <div> <span @click="isCollapse = !isCollapse"></span> </div> </template> <script> export def.
vue使用elementui -- 举例：vue中使用elementui一级菜单名称不显示问题
Gyezi的博客
08-10 530
vue使用elementui -- 举例：vue中使用elementui一级菜单名称不显示问题
使用el-menu，菜单折叠后悬浮菜单不出现以及图标不显示的可能原因
Boneex的博客
05-22 5531
使用element-plus组件el-menu遇到的图标不显示，悬浮框不出现问题的解决方案
若依（ruoyi-vue）菜单名称过长显示不全
qq_34786108的博客
05-27 2084
若依修改左侧宽度地址 我自己改了也不行，在“layout\components\Sidebar\SidebarItem.vue”加了一个 style="width: 1100px;"
elementUI侧边栏折叠后图标不显示文字不隐藏问题
luback的博客
06-02 1600
标签中的的图标和标题，不要。只需要注意两个细节地方。下的图标和标题，不要。
el-menu collapse时图标不见，文字和箭头没有隐藏问题
weixin_45190306的博客
04-26 1690
问题描述：使用el-menu时，菜单收缩和展开正常，但是存在以下两个问题。第二个问题好解决，有很多解答（注：不能加scoped，不然不起作用）以上作为一个记录，如果你们也遇到类似的问题，能帮得到你们就好。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值