el-menu折叠时，文字不隐藏问题

使用el-menu折叠时，文字不隐藏问题？

• 问题图片如下：
  
• 问题所在

 <i :class="item.meta.icon"></i><!--图标-->
 {{ item.meta.title }}<!--文字标题-->

图标后面直接加上了文字标题，造成折叠文字不隐藏

• 解决方法

<span>{{ item.meta.title }}</span><!--文字标题-->

文字标题加上span即可

• 最终得到
  
  欢迎大家关注,本人正在开发一款个人开发工具管理系统，包括但不限于文本工具、图片工具、代码生成等功能，后续会开源到gitee上，敬请期待~