element-plus 左侧菜单递归

 <template v-for="(item) in item">
        <!-- 因为有子集和无子集渲染html标签不一样，所以要分为两种情况
           情况一：有子集的情况：                         -->
        <el-sub-menu :key="item.id" :index="item.url&&item.url!=''?item.url:item.id" v-if="item.children.length > 0" :id="'subMenuList'+ item.level" >
          <template #title>
                <el-icon color="#409EFC" class="no-inherit" v-if="item.level==1">
                  <Platform />
                </el-icon>
                <span slot="title">{{item.name}}</span>
            </template>
          <side-menu-item :item="item.children" :key="item.id"></side-menu-item>
        </el-sub-menu>
        <template v-else>
          <!-- 情况二：没子集的情况： -->
          <el-menu-item :key="item.id" :index="item.url&&item.url!=''?item.url:item.id"  @click="routerLink(item)">
            <template #title>
              <span class="title">{{item.name}}</span>
            </template>
         </el-menu-item>
         
        </template>
      </template>