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

zhangyiyy

于 2020-10-13 09:02:17 发布

阅读量759

点赞数

CC 4.0 BY-SA版权

分类专栏： iview

12 篇文章

订阅专栏

本文介绍了一个关于前端开发中侧边菜单显示的问题及其解决方案。当只有一个子菜单时，通过调整mixin.js文件中的showChildren()函数逻辑，使得父级菜单能够正确显示。此更改涉及将children数量的判断条件从大于1改为大于0。

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

菜单只有一个子菜单时，父级菜单不显示问题

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))
    },

item.children.length > 1 改为 item.children.length > 0