其他分享
首页 > 其他分享> > 关于element导航菜单使用for循环出来,展开一个菜单项,其余也都打开的问题

关于element导航菜单使用for循环出来,展开一个菜单项,其余也都打开的问题

作者:互联网

问题描述

使用element导航菜单时,使用v-for循环出来的每一项,打卡一个菜单项时发现其他项也都打开了,是因为<el-menu>标签是根据index来定位展开还是关闭的,而使用v-for循环使得每一项的index都是一样的,所以才会一个打开都打开

解决办法

只需要在循环时,给每一项添加唯一index就可以了,每一项都有自己的唯一id,所以将id作为index,加空字符串是因为index只接受字符串,而id是数字,拼接空字符串可以使数字转为字符串。

<el-submenu v-for="(item,index) in resources" :key="index" :index="item.id + '' "></el-submenu>

标签:index,菜单,每一项,打开,循环,字符串,菜单项,element,id
来源: https://blog.csdn.net/Stead_Fast/article/details/120216443