vue+elemrnt UI 组件树不能打开二级目录？

element组件树递归时没有二级数据，
代码：

<el-menu v-for="item in menuList" :key="item.fid" v-cloak
        default-active="2"
        class="el-menu-vertical-demo"
        background-color="#545c64"
        text-color="#fff"
        active-text-color="#ffd04b">
    <el-submenu :index="item.fid+''" v-if="item.child.length>0">
        <template slot="title">
            <i class="el-icon-location"></i>
            <span>{{item.functionName}}</span>
        </template>
        <MenuTree :menuList="item.child"></MenuTree>
    </el-submenu>
    <el-menu-item :index="item.fid+''" v-else :key="item.fid">
        <i :class="item.icon"></i>
        <span slot="title">{{item.functionName}}</span>
    </el-menu-item>
</el-menu>

 <el-submenu :index="item.fid+''" v-if="item.child.length>0">

子菜单应该是一个数组哦。

那数据结构有问题吗？

您好，我是有问必答小助手，您的问题已经有小伙伴解答了，您看下是否解决，可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～

ps:问答VIP仅需29元，即可享受5次/月有问必答服务，了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632