关于多层循环的问题

Question

1.形如以下数据结构 data: [{        id: 1,        name: '菜单1',        list: [{            id: 10,            name: '2级菜单1'          },          {            id: 11,            name: '2级菜单1'          },          {            id: 12,            name: '2级菜单1'          },        ]      },            {        id: 2,        name: '菜单2',        list: [{            id: 20,            name: '2级菜单1'          },          {            id: 21,            name: '2级菜单1'          },          {            id: 22,            name: '2级菜单1'          },        ]      },      {        id: 3,        name: '菜单3',        list: [{            id: 30,            name: '2级菜单1'          },          {            id: 31,            name: '2级菜单1'          },          {            id: 32,            name: '2级菜单1'          },        ]      }    ],    2.如果是第一层循环，可以根据index去激活当前的样式或者做当前项的逻辑，但是内层循环出来，那些2级菜单该如何去激活样式呢，index肯定是不行的

Answer 1

递归完胜！

先利用将所有的菜单都获取到（变成平级菜单）

 

然后根据当前路由的菜单来激活样式

Answer 2

可以选择做一个递归,或者只有定死的2级菜单,直接加一个判断就好了.

Answer 3

采用递归好点

Answer 4

vue的select group你可以去看看

Answer 5

element-ui的级联选择器

Answer 6

先上图，如果你可以从图中看明白就不用看一下内容了、、、、、
主要思路-----》有两个值来记录点击子菜单的选中状态，当点击每一个子菜单时，需要把父级的index和list的index更新到该组件的data里面，即可实现。。