本文主要是介绍vue-eladmin实现顶部菜单的二级以及三级子菜单纵向显示，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
最近因项目需求需要实现vue后台管理系统菜单栏以顶部的形式展示，实现顶部菜单栏可以看这位博主的，写的非常详细，这里不再赘述顶部菜单栏的实现过程：https://blog.csdn.net/qq_36365860/article/details/120073481
实现顶部菜单栏后，可以看到生产管理模块对应的二级菜单也是横向显示的，需求是二级菜单以及三级应该是纵向显示。
解决办法：
在src/layout/components/Headbar文件夹下找到SidebarItem文件，在文件中找到sidebar-item标签也就是二级以及三级子菜单，为便签起类名并加样式display:block !important，把子菜单的每项都转换为块级元素独占一行，子菜单横向显示的问题就完美解决了
这篇关于vue-eladmin实现顶部菜单的二级以及三级子菜单纵向显示的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
