vue element-ui父列表和子列表同时出现时的bug

在项目中遇到这样的问题

 

 

 

 当第一个父列表下的子列表选择了1，切换到第二个父列表的时候，也会默认选择1

我最开始是计划通过修改子列表的default-active为-1，结果不行

后来发现出现这个问题的原因是因为子列表循环遍历时index值都一样，从0开始的，在element-ui中，menu-item的index是唯一标识，不能一样

解决办法：子列表循环遍历的时候，设置的index一定要不一样，我的建议是可以进行拼装

 1 <el-menu-item
 2           v-for="(item1,index) in leftChildRows"
 3           :key="item1.id"
 4           :index="computedChildIndex(index)"
 5           class="el-menu-item-child"
 6           style="padding-left: 0"
 7 >
 8 
 9 computedChildIndex (index) {
10         return `${this.activeIndex1}_${index}`
11 },

 

posted @ 2019-09-16 10:34  zhaobao1830  阅读(425)  评论(0)  编辑  收藏  举报