ElementPlus里面的menu折叠出现问题

// A代码
<el-menu
      class="el-menu-vertical-demo"
      :collapse="isCollapse"
      :default-active="route.fullPath"
      router
>
     <el-menu-item index="/HomeManage/">
          <el-icon><Tickets /></el-icon>
         个人资料管理
     </el-menu-item>
     <el-menu-item index="/HomeManage/AwardsManage">
          <el-icon><TrophyBase /></el-icon>
          荣誉奖项管理
     </el-menu-item>
</el-menu>

A代码出现问题如下：

正常情况如下：

问题原因：当el-menu中只嵌套el-menu-item时，文字需用span或其他标签包裹起来

解决办法如下：

<el-menu
      class="el-menu-vertical-demo"
      :collapse="isCollapse"
      :default-active="route.fullPath"
      router
>
     <el-menu-item index="/HomeManage/">
          <el-icon><Tickets /></el-icon>
          <span>个人资料管理</span>
     </el-menu-item>
     <el-menu-item index="/HomeManage/AwardsManage">
          <el-icon><TrophyBase /></el-icon>
          <span>荣誉奖项管理</span>
     </el-menu-item>
</el-menu>

注意点：当el-menu中嵌套el-sub-menu，el-sub-menu嵌套el-menu-item时，文字不用span或其他标签包裹起来也可以，如下：

<el-menu
     class="el-menu-vertical-demo"
     :collapse="isCollapse"
     :default-active="route.fullPath"
     router
>
    <el-sub-menu>
        <template #title>
          <el-icon><Orange /></el-icon>
          <span>个人主页</span>
        </template>
        <el-menu-item index="/">
        	<el-icon><Tickets /></el-icon>
        	个人资料
        </el-menu-item>
    </el-sub-menu>
</el-menu>

如果对你有帮助，希望能得到你的点赞或收藏或关注，这是对我最好的鼓励；

如你有问题或疑惑，欢迎在评论区写下，必将努力解答；

如本文有误区，希望你不吝赐教，让我们共勉！