vue封装组件

172 阅读1分钟

封装面包屑加动态路由组件

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代表循环结束,