<template>
|
<el-submenu v-if="item.children && item.children.length" :index="String(item.id)">
|
<template slot="title">
|
<i :class="item.icon || 'el-icon-menu'"></i>
|
<span slot="title">{{ item.name }}</span>
|
</template>
|
<menu-node v-for="child in item.children" :key="child.id" :item="child"></menu-node>
|
</el-submenu>
|
<el-menu-item v-else-if="item.url" :index="item.url">
|
<i :class="item.icon || 'el-icon-tickets'"></i>
|
<span slot="title">{{ item.name }}</span>
|
</el-menu-item>
|
</template>
|
|
<script>
|
export default {
|
name: 'MenuNode',
|
props: {
|
item: { type: Object, required: true }
|
}
|
}
|
</script>
|
