element-ui导航菜单折叠

1. 问题描述：

利用递归渲染左侧菜单栏，同时使用导航菜单折叠功能的时候，就会导致包含子目录的一级菜单 没办法正常隐藏文字信息。

2. 出现原因：

当使用递归渲染的时候，循环体组件是用div包裹的，在最后渲染的时候，导航菜单组件的内部出现很多没有实际作用的div，导致出现问题。

3. 解决方法：

可以手动对对应的菜单进行文字隐藏。比如，给有子目录的一级菜单添加动态class名字

通过父级传入变量isShow，来判断是否需要显示文字，当折叠菜单不要显示文字的时候，就加上“showName”，设置样式display：none；来达到隐藏文字的作用，由于class名字加载循环体上，所以只适合两层嵌套关系。