用v-for遍歷菜單路呜，有子菜單繼續(xù)調(diào)用當(dāng)前組件遍歷菜單
<template>
? <template v-for="menu in userMenu">
? ? <el-submenu
? ? ? v-if="menu.children && menu.children.length && menu.children[0].menuType == 1"
? ? ? popper-class="test"
? ? ? :key="menu._id"
? ? ? :index="menu.path"
? ? >
? ? ? <template #title>
? ? ? ? <i :class="menu.icon"></i>
? ? ? ? <span>{{ menu.menuName }}</span>
? ? ? </template>
? ????<!-- 這里有子菜單的情況下繼續(xù)調(diào)用tree-menu組件 -->
? ? ? ?<tree-menu :userMenu="menu.children" />
? ? </el-submenu>
? ? <el-menu-item
? ? ? v-else-if="menu.menuType == 1"
? ? ? :index="menu.path"
? ? ? :key="menu._id"
? ? ? >{{ menu.menuName }}</el-menu-item
? ? >
? </template>
</template>
<script>
export default {
? name: 'TreeMenu',
? props: {
? ? userMenu: {
? ? ? type: Array,
? ? ? default () {
? ? ? ? return []
? ? ? }
? ? }
? }
}
</script>
