realty/virgo.wzfrontend/workark/src/layout/components/subMenu.vue

<template>
	<div>
		<template v-for="(item,index) in menuData">
			<div v-if="item.isMenu === '1'" :class="'menu-index-' + menuIndex">
				<el-submenu :index="String(item.id)"
					v-if="item.children && item.children.length > 0 && item.children.filter(node=>node.isMenu==='1').length > 0"
					:key="item.id">
					<template slot="title">
						<i v-if="item.iconClass" :class="item.iconClass + ' icon iconfont'"></i>
						<span slot="title" class="menu-title">{{item.title}}</span>
					</template>
					<sub-menu :menuData="item.children" :menuIndex="menuIndex+1"></sub-menu>
				</el-submenu>
				<el-menu-item :index="item.index" v-else :key="item.id" :name="item.index">
					<i v-if="item.iconClass" :class="item.iconClass + ' icon'"></i>
					<span slot="title" class="menu-title">{{item.title}}</span>
				</el-menu-item>
			</div>
		</template>
	</div>
</template>

<script>
	import subMenu from '@/layout/components/subMenu'
	export default {
		name: 'sub-menu',
		props: ['menuData', 'menuIndex'],
		components: {
			subMenu
		}
	}
</script>

<style>
</style>