展开一个菜单项所有的项都展开问题解决

问题情景:

对于标签<el-menu>来说使用v-for循环创建出来,菜单项列表数组有多少项就创建出多少菜单项控件,导致所有的菜单行索引index值都一样,点击展开和关闭一定是根据index来进行定位操作的,所以导致了点击一个,其它都是同样的效果,相当于对所有相同index项进行的操作

解决:

给每一项index绑定不同唯一的值,而数据中每个item都有唯一的id,这个id是后台数据库中给设计好的,所以利用这个id

<el-submenu :index="item.id + '' " v-for="item in menuList" :key="item.id">

为什么后面要给它加了一个空字符串呢?

因为规则是index只能接收字符串,而item.id是一个数值,加一个空字符串就能转换成一个字符串类型

这样不处理也不影响效果,但是浏览器控制端会报错

  • 4
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值