vue使用iview解决多级菜单如何渲染问题

1、当不确定菜单有多少层级的时候，第一时间就想到使用递归的方式渲染菜单，下面我们来看看如何实现。  

2、使用ivew菜单组件，目前项目也用的是这个框架，不熟悉的小伙伴可以先看看这个菜单组件，熟悉的小伙伴我们继续向下看。

3、我的实现思路，判断没有子菜单单的时候，使用组件的正常渲染，如果有子菜单，那就需要加载这个组件 <left-menu-nav />，继续帮我们循环，走下一步

<Menu
        ref="user"
        accordion
        width="auto"
      >
        <template v-for="(items,index) in leftNav">
          <!-- 有子菜单 -->
          <left-menu-nav
            v-if="items.children&&items.children.length!==0"
            :menuList="items"
            :key="items.name"
          ></left-menu-nav>
          <!-- 无子菜单 -->
          <menu-item
            v-else
            :key="index&#