el-menu 有一级二级三级菜单

效果如下
在这里插入图片描述

菜单代码如下

  <el-menu:default-active="menuDefaultActive"class="el-menu-box":text-color="menuTextColor":active-text-color="menuActiveTextColor":unique-opened="true"><!-- 一级菜单 --><template v-for="item in appMenuInfoList"><el-submenuv-if="item.menuList && item.menuList.length":index="item.onlyID":key="item.index"class="second_menu"><template slot="title"><i :class="item.icon" v-if="item.icon" /><span v-if="item.systemName">{{item.systemName}}</span></template><!-- 二级菜单 --><template v-for="itemChild in item.menuList"><el-submenuv-if="itemChild.menuList && itemChild.menuList.length":index="itemChild.onlyID":key="itemChild.index"class="last_menu"><template slot="title"><span>{{ itemChild.sysName || itemChild.systemName }}</span></template><!-- 三级菜单 --><el-menu-itemv-for="itemChild_Child in itemChild.menuList":index="itemChild_Child.onlyID":key="itemChild_Child.index"@click="handleMenuSelect(itemChild_Child)"><span slot="title">{{itemChild_Child.sysName || itemChild_Child.systemName}}</span></el-menu-item></el-submenu><el-menu-itemv-else:index="itemChild.onlyID":key="itemChild.index"@click="handleMenuSelect(itemChild)"><span slot="title">{{ itemChild.sysName || itemChild.systemName }}</span></el-menu-item></template></el-submenu><el-menu-itemv-else:index="item.onlyID":key="item.index"@click="handleMenuSelect(item)"><span slot="title">{{ item.sysName || item.systemName }}</span></el-menu-item></template></el-menu>

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/diannao/1449.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！