关于动态获取导航的一些问题

我的导航是动态获取的,我不想让无子集的导航显示这个小箭头。怎么办?想了好久没点头绪

img

img

可以通过v-if和v-else来判断menu中是否包含子菜单,如果有则用el-submenu,没有则用el-menu-item,具体参考如下:


<template>
  <el-aside width="200px">
    <el-menu default-active="1" class="el-menu-vertical-demo" router>
      <template v-for="(menu, index) in userInfo">
        <el-submenu v-if="menu.Kids && menu.Kids.length >= 1" :index="menu.path" :key="menu.id">
          <template slot="title"><i class="el-icon-s-cooperation"></i>{{menu.menuName}}</template>
          <el-menu-item v-show="kid" :index="kid.path" v-for="kid in menu.Kids">{{kid.menuName}}</el-menu-item>
          <!-- 此处可以判断Kids下是否还有子菜单,实现多级菜单的循环 -->
        </el-submenu>
        <el-menu-item v-else :index="menu.path" :key="menu.id">{{menu.menuName}}</el-menu-item>
      </template>
    </el-menu>
  </el-aside>
</template>


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

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