在实现递归渲染左侧菜单栏并结合导航菜单折叠功能时，由于div的过度使用导致一级菜单的文字无法正常隐藏。为解决此问题，可以动态添加class到包含子目录的菜单项，通过父级传递的isShow变量控制显示状态，当菜单折叠时不显示文字，通过CSS设置display:none实现隐藏。
问题描述：
利用递归渲染左侧菜单栏，同时使用导航菜单折叠功能的时候，就会导致包含子目录的一级菜单 没办法正常隐藏文字信息。
出现原因：
当使用递归渲染的时候，循环体组件是用div包裹的，在最后渲染的时候，导航菜单组件的内部出现很多没有实际作用的div，导致出现问题。
解决方法：
可以手动对对应的菜单进行文字隐藏。比如，给有子目录的一级菜单添加动态class名字
通过父级传入变量isShow，来判断是否需要显示文字，当折叠菜单不要显示文字的时候，就加上“showName”，设置样式display：none；来达到隐藏文字的作用，由于class名字加载循环体上，所以只适合两层嵌套关系。
757
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
