vue 组件递归

组件递归实现多级菜单

• 菜单1
• 菜单2
  • 2-1
  • 2-2
    • 2-2-1
    • 2-2-2
      • 2-2-2-1
• 菜单3

<template>
  <el-menu-item v-if="!item.children" :index="item.key">
    <span>{{ item.name }}</span>
  </el-menu-item>
  <el-sub-menu v-else :index="item.key">
    <template #title>
      <span>{{ item.name }}</span>
    </template>
    <menu-item v-for="child in item.children" :item="child" :key="child.key"></menu-item>
  </el-sub-menu>
</template>