我的导航是动态获取的,我不想让无子集的导航显示这个小箭头。怎么办?想了好久没点头绪
可以通过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>
不知道你这个问题是否已经解决, 如果还没有解决的话: