关于多层循环的问题
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肯定是不行的
繁星淼淼7回答
-
弑天下
递归完胜！先利用将所有的菜单都获取到（变成平级菜单） 然后根据当前路由的菜单来激活样式 -
Cats萌萌
可以选择做一个递归,或者只有定死的2级菜单,直接加一个判断就好了. -
吃鸡游戏
采用递归好点 -
九州编程
vue的select group你可以去看看 -
婷婷同学_
element-ui的级联选择器 -
狐的传说
先上图，如果你可以从图中看明白就不用看一下内容了、、、、、主要思路-----》有两个值来记录点击子菜单的选中状态，当点击每一个子菜单时，需要把父级的index和list的index更新到该组件的data里面，即可实现。。
随时随地看视频慕课网APP
相关分类
JavaScript