要做出来这样的,父级在外面,子级在里面,点击父级出现子级
这是我们要求页面
后台的数据是这个样子的
但我们要求的数据是这样的
其实很简单,就在我调取接口成功之后,用forEach根据id和parentId来对应具有父子级的关系就好了
var user =调取的接口
if(user.code == 200){
user.data.forEach((ele)=>{
const parentId = ele.parentId
if(parentId === 0){
return
}else{
user.data.forEach((e) =>{
if(e.id === parentId){
let children = e.children
if(!children){
children = []
}
children.push(ele)
e.children = children
}
})
}
}
这样就好了,然后把数据渲染到页面就可以了