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

在项目中遇到这样的问题

 

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

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

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

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

<el-menu-item
          v-for="(item1,index) in leftChildRows"
          :key="item1.id"
          :index="computedChildIndex(index)"
          class="el-menu-item-child"
          style="padding-left: 0"
>

computedChildIndex (index) {
        return `${this.activeIndex1}_${index}`
},