element-plusMenu的icon显示问题

element-plusMenu的icon显示问题，如图所示，展开icon显示，折叠就没了

  <el-sub-menu :index="item.path" v-for="item in hasChildren" v-key="item.label">
  <template #title>
    <!-- 👇图标所在 -->
    <component class="icons" :is="item.icon"></component>
    <span>{{ item.label }}</span>
  </template>
  <el-menu-item-group>
    <el-menu-item v-for="itemSon in item.children" :key="itemSon.path" :index="item.path" @click="clickMenu(itemSon)">
      <component class="icons" :is="itemSon.icon"></component>
      {{ itemSon.label }}
    </el-menu-item>
  </el-menu-item-group>
</el-sub-menu>

用代码块功能插入代码，请勿粘贴截图。 不用代码块回答率下降 50%

运行结果及详细报错内容

我的解答思路和尝试过的方法，不写自己思路的，回答率下降 60%

我想要达到的结果，如果你需要快速回答，请尝试 “付费悬赏”

缺了一个三个点的那个图标是吗？展开就有，收起来就消失了？

不知道你这个问题是否已经解决, 如果还没有解决的话:

• 这篇文章：element ui的自带图标库icon显示格式有错或者不显示问题解决方案 也许能够解决你的问题，你可以看下

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^