element-ui的第三级导航菜单被同时展开或收起

Question

element ui的三级导航菜单，点击任意一个第二级导航时，所有的三级导航都会被展开

如图，当我点击二级菜单如摄像头时，wifi和摄像头的子菜单都会同时展开或关闭
代码部分：

<template v-for="item in items">

                        <el-submenu :index="item.index">
                            <template slot="title">
                                <img :src="item.icon" alt="">{{ item.title }}
                            </template>
                            <template v-for="(subItem,i) in item.subs" >
                                    <template v-if="subItem.sonSubs">
                                        <el-submenu   :index="subItem.index">
                                            <template slot="title">
                                                <img :src="'../../../static/img/'+subItem.mark+'.svg'" alt="">{{ subItem.title }}
                                            </template>
                                            <el-menu-item v-for="(sonSubItem,r) in subItem.sonSubs"  :index="sonSubItem.index">
                                                <img :src="'../../../static/img/'+sonSubItem.mark+'.svg'" alt="">{{sonSubItem.title}}
                                            </el-menu-item>
                                        </el-submenu>
                                    </template>
                                </template>
                        </el-submenu>
            </template>

Answer 1

:index="" 绑定是否不唯一？？？

Answer 2

你的二级导航点击自身能进行显示隐藏么？ 比如说点击摄像头显示菜单，再次点击隐藏

Answer 3

楼主，解决了没？