关于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>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值