问题:使用el-menu动态加载菜单,菜单只展示图标,没有展示菜单数据(通过下拉图标才能展示数据)
解决:给渲染数据的数组,判断一下它的长度是否大于零,再去展示数据。
<el-menu
:default-active="activeIndex"
mode="horizontal"
v-if="menus.length > 0"
>
<el-sub-menu v-for="(item, i) in menus" :key="i" :index="item.path">
<template #title> {{ item.meta.title }}</template>
<el-menu-item
:index="child.path"
v-for="(child, index2) in item.children"
:key="index2"
>{{ child.meta.title }}</el-menu-item
>
</el-sub-menu>
</el-menu>
效果图: