[vue]【求助】vue中使用el-submenu，在折叠时，文字不隐藏

图片：role.png

<template>
  <div>
    <h2>欢迎来到doubleyong 后台管理系统</h2>
    <div class="leftMenu">
      <Menus :menuList="getMenuInfo"></Menus>
    </div>
    <div class="rightMenu">
      <!-- 显示右边菜单 -->
      <router-view>
      </router-view>
    </div>
  </div>
</template>

<template>
    <div>
    <!-- 显示左边菜单 -->
    <el-radio-group v-model="isCollapse" style="margin-bottom: 20px;">
      <el-radio-button :label="false">展开</el-radio-button>
      <el-radio-button :label="true">收起</el-radio-button>
    </el-radio-group>
      <el-scrollbar wrap-class="scrollbar-wrapper">
      <el-menu
      :default-active="$route.path"
      router
      mode="vertical"
      active-text-color="#409EFF"
      v-if="menuList"
      :collapse="isCollapse"
      class="el-menu-vertical-demo"
    >
      <MenuTree :menuList="menuList"></MenuTree>
    </el-menu>
      </el-scrollbar>
    </div>
</template>

<template>
  <div>
    <template v-for='menu in menuList'>
      <!-- 如果当前有子菜单，则显示 el-submenu ，在el-subment 里调用 递归组件 -->
      <el-submenu
        v-if='menu.menuChilds.length>0'
        :index='menu.menuUrl'
        :key="menu.menuId"
      >
        <template slot="title">
          <i v-if="menu.menuImgClass" :class="menu.menuImgClass"></i>
          <span slot="title">pw_ menu.menuName </span>
        </template>
        <!-- 调用自身  此处是重点-->
        <MenuTree :menuList='menu.menuChilds'></MenuTree>
      </el-submenu>
      <!-- 如果没有子菜单，则显示当前内容 -->
      <el-menu-item
        v-else
        :index='menu.menuUrl'
        :key='menu.menuId'
      >
        <i v-if="menu.menuImgClass" :class="menu.menuImgClass"></i>
          <span slot="title">pw_ menu.menuName </span>
      </el-menu-item>
    </template>
  </div>
</template>

doubleyong：ok了，写的组件遍历，必须要有一个根节点<div>不能改成<template>, 解决方法：只有自己写样式隐藏回到原帖

真知棒、：你试一下不使用div，把div改为<template>看可以吗，参考：https://blog.csdn.net/qq_40580023/article/details/103778414回到原帖