关于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