首页 > 其他 > 详细

树状菜单递归循环遍历获取响应数据,可以顺便重定向(修改正式版)

时间:2019-05-17 17:32:10      阅读:236      评论:0      收藏:0      [点我收藏+]
//arr数据大致长这样
arr=[
{
a:1,
childrenn:[
{
a:1-1,
childrenn:[
{a:1-2,},
{a:1-2-2,}
]
},
]
},
{
a:2,
childrenn:[
{
a:2-1,
},
]
},
{
a:3,
},
]
//父节点遍历一次 拿chlidren去遍历子节点
arr.forEach(rootNode=>{
let nodeModels = {
path: rootNode.uri,
name: rootNode.text,
component: rootNode.cls,
meta: rootNode.iconCls,
children: [],
redirect:rootNode.children.length>0?rootNode.children[0].uri:‘‘
};
 if(rootNode.children.length>0){
nodeModels.children=getChinld(rootNode.children);
 }
menuArr.push(nodeModels);
});
// 遍历子级节点
function getChinld(childNode) {
let childArray = [];
for(var i=0;i<childNode.length;i++){
let nodeModel = {
path: childNode[i].uri,
name: childNode[i].text,
component: childNode[i].cls,
meta: childNode[i].iconCls,
children: [],
redirect:childNode[i].children.length>0?childNode[i].children[0].uri:‘‘,
};
nodeModel.children=getChinld(childNode[i].children);
childArray.push(nodeModel);
}
return childArray;
}
console.log(menuArr); //获取到遍历的样子啦
console.table(menuArr);

树状菜单递归循环遍历获取响应数据,可以顺便重定向(修改正式版)

原文:https://www.cnblogs.com/li-xue-/p/10882493.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!