Element-ui menu的组件收起问题问题 - VueClub

粉丝福利 : 关注VUE中文社区公众号，回复视频领取粉丝福利

在做侧边栏的折叠功能时，发现文字无法隐藏，如图所示，

<svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use xlink:href="#far-image"></use></svg>image.png65×664 2.42 KB<svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use xlink:href="#discourse-expand"></use></svg>

，这部分是通过嵌套组件生成的，代码如下：父组件：

<svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use xlink:href="#far-image"></use></svg>image.png699×376 18.9 KB<svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use xlink:href="#discourse-expand"></use></svg>

子组件：

<svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use xlink:href="#far-image"></use></svg>image.png1276×864 62.6 KB<svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use xlink:href="#discourse-expand"></use></svg>

子组件中的svg-icon是自己写的图标组件。
侧边栏的内容取自路由中的meta配置
如果直接将子组件的代码写道父组件中，是没有问题的，请问，这样父子组件分离，为什么不行呢

回到顶部