封装面包屑加动态路由组件
1.首先获取动态的菜单信息,假设是树形结构,需要转成平级,然后取出数组中的菜单名称。页面循环数组显示面包屑。 树形结构转平级:
var treeData = [{ label: "111", name: "zhao", children: [{ label: "wang", name: 'wang' }] }]
function transferTree(tree) {
let arrs = [];
let result = [];
arrs = arrs.concat(tree)
while (arrs.length) {
let first = arrs.shift();
if (first.children) {
arrs = arrs.concat(first.children)
}
delete first['children']
result.push(first)
}
console.log(1, result)
}
1.取出第一个元素,然后判断是否有children,有children就用conact(xx.children)赋值。最后再删除 xx.children。因为是转平级children下次循环时判断。判断 arrs数组的长度,如果为0代表循环结束,