You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
46 lines
1.3 KiB
46 lines
1.3 KiB
4 months ago
|
<!--
|
||
|
|
* 传统菜单-递归菜单
|
||
|
|
*
|
||
|
|
* @Author: 1024创新实验室-主任：卓大
|
||
|
|
* @Date: 2022-09-06 20:29:12
|
||
|
|
* @Wechat: zhuda1024
|
||
|
|
* @Email: lab1024@163.com
|
||
|
|
* @Copyright 1024创新实验室 （ https://1024lab.net ），Since 2012
|
||
|
|
-->
|
||
|
|
<template>
|
||
|
|
<a-sub-menu :key="menuInfo.menuId">
|
||
|
|
<template #icon>
|
||
|
|
<component :is="$antIcons[menuInfo.icon]" />
|
||
|
|
</template>
|
||
|
|
<template #title>{{ menuInfo.menuName }}</template>
|
||
|
|
<template v-for="item in menuInfo.children" :key="item.menuId">
|
||
|
|
<template v-if="item.visibleFlag && !item.disabledFlag">
|
||
|
|
<template v-if="!item.children">
|
||
|
|
<a-menu-item :key="item.menuId" @click="turnToPage(item)">
|
||
|
|
<template #icon>
|
||
|
|
<component :is="$antIcons[item.icon]" />
|
||
|
|
</template>
|
||
|
|
{{ item.menuName }}
|
||
|
|
</a-menu-item>
|
||
|
|
</template>
|
||
|
|
<template v-else>
|
||
|
|
<SubMenu :menu-info="item" :key="item.menuId" @turnToPage="turnToPage" />
|
||
|
|
</template>
|
||
|
|
</template>
|
||
|
|
</template>
|
||
|
|
</a-sub-menu>
|
||
|
|
</template>
|
||
|
|
<script setup>
|
||
|
|
const props = defineProps({
|
||
|
|
menuInfo: {
|
||
|
|
type: Object,
|
||
|
|
default: () => ({}),
|
||
|
|
},
|
||
|
|
});
|
||
|
|
|
||
|
|
const emits = defineEmits(['turnToPage']);
|
||
|
|
const turnToPage = (menu) => {
|
||
|
|
emits('turnToPage', menu);
|
||
|
|
};
|
||
|
|
</script>
|