问题情景:
对于标签<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是一个数值,加一个空字符串就能转换成一个字符串类型
这样不处理也不影响效果,但是浏览器控制端会报错