配合 route 树使用
// menuList 为一棵 route 树
<template v-for="item in menuList">
<!-- 没有chilren -->
<el-menu-item v-if="!item.children && item.meta.showRoute" :index="item.path">
<el-icon>
<component :is="item.meta.icon"></component>
</el-icon>
<template #title>
<span>{{ item.meta.title }}</span>
</template>
</el-menu-item>
<!-- 有一个chilren -->
<el-menu-item
v-if="item.children && item.children.length == 1"
:index="item.children[0].path"
>
<el-icon>
<component :is="item.children[0].meta.icon"></component>
</el-icon>
<template #title>
<span>{{ item.children[0].meta.title }}</span>
</template>
</el-menu-item>
<!-- 大于一个chilren -->
<el-sub-menu
v-if="item.children && item.children.length > 1"
:index="item.path"
>
<template #title>
<el-icon>
<component :is="item.meta.icon"></component>
</el-icon>
<span>{{ item.meta.title }}</span>
</template>
<Menu :menuList="item.children" />
</el-sub-menu>
</template>