element ui实现左侧导航的递归渲染
首先写一个递归的组件,递归的方法是在组件里自己调用自己
<template>
<div>
<div v-for="(item,index) in menudata" :key='index'>
<el-submenu :index="index+''" v-if="item.isMenu && item.children && item.children.find((child)=>{return(child.isMenu==true)})">
<template slot="title">
<i :class="item.icon"></i>
<span>{
{item.menuName}}</span>
</template>
<left-menu :menudata="item.children"></left-menu>
</el-submenu>
<el-menu-item :index="item.path" v-else-if="item.isMenu && (!item.children || !item.children.find((child)=>{return(child.isMenu==true)}))