问题描述:
自定义菜单图标时,收起菜单时,会发现文字没有隐藏
<a-menu-item v-for="item in memberMenu" :key="item.path">
<i :class="['iconfont', item.icon]" style="marginRight: 10px;fontSize:20px;"></i>
<span class="">{{ item.title }}</span>
</a-menu-item>
效果如下:
解决方案:
在自定义图标外面加一个.anticon的span
<a-menu-item v-for="item in memberMenu" :key="item.path">
<span class="anticon">
<i :class="['iconfont', item.icon]" style="marginRight: 10px;fontSize:20px;"></i>
</span>
<span class="">{{ item.title }}</span>
</a-menu-item>
效果如下: