iview-admin左侧菜单只有一个子菜单时，父级菜单不显示的问题

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

针对iview-admin框架，在左侧菜单只包含一个子菜单时，父级菜单无法显示的bug，可以通过调整mixin.js文件中showChildren()函数的判断条件来修复。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

//默认地址，根据这个地址找到这个js文件
src/components/main/components/side-menu/mixin.js

只要修改mixin.js中showChildren()中的判断条件就可以了

showChildren (item) {
													// 1（默认）改为0即可 
      return item.children && (item.children.length > 1 || (item.meta && item.meta.showAlways))
    },
龖龖龖
关注
vue-admin-template侧边栏二级菜单只有一个时父级菜单不显示的问题
weixin_44986077的博客
12-30 5953
最近进行项目收尾阶段，突然发现当侧边栏菜单只有一个二级菜单时一级菜单消失 网上搜了很多办法，修改Sidebar中的index.vue中的el-menu，将:unique-opened="true"改为true并给item上加上唯一的index，发现不生效，各种尝试后发现在permission.js中修改，代码如下： function filterAsyncRouter(asyncRouterMap) { const accessedRouters = asyncRouterMap.filter(rou
vue+iview框架实现左侧动态菜单功能的示例代码
10-15
主要介绍了vue+iview框架实现左侧动态菜单功能，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
iview-admin 菜单只有一个子菜单时，父级菜单不显示问题
weixin_39457424的博客
10-13 759
菜单只有一个子菜单时，父级菜单不显示问题 src/components/main/components/side-menu/mixin.js 只要修改mixin.js中 showChildren()中的判断条件 showChildren (item) { return item.children && (item.children.length > 1 || (item.meta && item.meta.showAlways)) }, ite
vue:动态菜单只有一个子菜单时父级菜单不显示问题
tomorrownan的博客
10-29 8600
使用vue-admin-template后台管理模板的项目中使用了动态路由，就是显示后端接口返回的路由。第二次遇到父级菜单不显示的问题，第一次解决的方法没有记录，便又思考了一会。这里记录下。 父级菜单下有多个字菜单的父级都可以正常显示，只有父级下是一个子菜单的父级菜单不显示。所以断定是因为只有一个子菜单，父级隐藏不显示属性引起的。在处理从后台接口拿到的菜单数据时设置alwaysShow: true...
vue2 element-ui el-menu只有一个子菜单时 父菜单不加载问题解决(vue-element-admin&&vue-admin-template)
最新发布
qq_44776454的博客
05-28 1083
element-ui el-menu只有一个子菜单时 父菜单不加载问题解决(vue-element-admin&&vue-admin-template)
vue:路由嵌套时只有一个子路由时父级路由不显示问题
zhang79513的博客
07-20 3506
vue:路由嵌套时只有一个子路由时父级路由不显示问题 我是在使用vue-admin-beautiful后台管理模板的项目中，在路由中使用权限控制路由（菜单）的显示。 父级路由（菜单）下有多个子路由（菜单）的父级都可以正常显示，只有父级下是一个子路由（菜单）的父级路由（菜单）不显示。因为只有一个子路由（菜单），是由父级隐藏不显示属性引起的。在父级设置alwaysShow: true，就可以保证在权限只有一个子菜单的父级显示。如下图： ...
Vue iview-admin框架二级菜单改为三级菜单的方法
08-27
在 Vue iview-admin 框架中，默认情况下，左侧导航栏最多支持到二级菜单。但是在实际应用中，我们经常需要三级菜单来满足业务需求。为了实现三级菜单，我们需要修改 VUE 中的模板，特别是 sidebarMenu.vue 文件。 ...
iview-admin登录完整代码附后台代码
12-12
总结来说，"iview-admin登录完整代码附后台代码"是一个综合性的项目，它涵盖了基于iview-admin的前端登录页面实现，Token认证机制，登录失败提示，用户信息获取，以及Token过期处理等功能。同时，它还提供后台代码，...
iView-admin 动态路由问题的解决方法
10-17
在使用iView-admin框架开发应用时，动态路由的设置与管理是至关重要的，尤其是在处理包含参数的路由时。本篇文章主要解决了一个特定的动态路由问题，即在跳转至客户详细页面后，再次通过选项卡进入时出现错误，无法...
iview-admin
08-16
iview-admin 好多人在 GitHub 下不下来，这块提供下载包
iview admin 修改左侧菜单
迪奥乔斯达的博客
12-22 1004
在src->router->routers.js 中修改
iview-admin左侧的菜单栏修改名称以后，不能正常显示title的内容
qq_34082921的博客
06-16 174
参考链接：https://blog.csdn.net/weixin_34032621/article/details/88659926。方法二：src\config\index.js把国际化设置为false，（从github上拉下来的项目，一开始就默认为true）配置路由以后，总是出现这样的warn，问题是出现在[vue-i18n]的语言配置上，方法一：因为配置路径的时候只写了中文，所以需要语言配置里面修改对应的其他语言，左侧的菜单栏修改名称以后，不能正常显示title的内容。
Vue+iView跳转子菜单父级菜单保持高亮
weixin_44794123的博客
06-09 1280
iView跳转子菜单父级菜单保持高亮选中
vue设置路由-当子路由只有一个，父路由无法显示
crystal_iwwish的博客
01-31 1745
父路由无法显示问题解决
vue+iView 权限实践之动态显示侧边栏菜单
weixin_44794123的博客
10-09 3442
实现：iview vue 根据不同的登录用户角色显示不同的左侧菜单权限。
【vue】vue element 只有一个子菜单时不显示父菜单
小朋友的博客
08-12 6686
vue element 只有一个子菜单时不显示父菜单
vue-element-admin只有一个子路由，不显示侧边栏
yttqq的博客
02-17 1487
vue-element-admin只有一个子路由，不显示侧边栏
iview一级菜单、二级菜单、三级菜单路由配置
weixin_43845550的博客
11-25 2849
一级菜单： { path: '/realTime', name: 'realTime', meta: { icon: 'md-cloud-uploads', title: '实时监控' }, component: Main, children: [{ path: 'realTime', name: 'realTime', meta: { icon: 'md-occupation',
vue+iview框架实现左侧动态菜单
越努力，越幸运！
04-01 2238
最近在使用vue-cli3配合iview框架搭建新的项目中用到了iview中的menu菜单，按照官网写法固定不太好，因为一般项目都是从后端动态获取菜单列表，所以我们需要将官网代码稍作修改，代码如下： 注意事项： 【1】菜单高亮部分动态绑定路由跳转的页面 Menu组件中有一个active-name反映的是当前高亮区域，因此可以动态的绑定active-name来实现高亮显示。前提是需要将Menu...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值