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

Question

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

Answer 1

可以通过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>