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

element ui的三级导航菜单，点击任意一个第二级导航时，所有的三级导航都会被展开
【前端】element-ui的第三级导航菜单被同时展开或收起

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

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

                        <el-submenu :index="item.index">
<template slot="title">
<img :src="https://segmentfault.com/q/1010000015141139/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>

回答

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

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

楼主，解决了没？

以上是 【前端】element-ui的第三级导航菜单被同时展开或收起 的全部内容， 来源链接： utcz.com/a/78914.html

回到顶部