多层级vue Router递归取出最底层

最新推荐文章于 2023-04-24 13:43:53 发布

沐风系大佬

最新推荐文章于 2023-04-24 13:43:53 发布

阅读量492

点赞数

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/qq_42928070/article/details/116303963

版权

路由数组扁平化递归 children属性 Array.isArray

关键词由优快云通过智能技术生成

vue 专栏收录该内容

35 篇文章

订阅专栏

本文介绍了一个名为`flattenDeep`的函数，用于从复杂的路由数组中提取底层路由，以简化数据结构。它递归遍历数组，将子路由逐层叠加到结果数组中，便于进一步处理或展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/**
 * 取出所有最底层的路由
 * @returns {Array}
 */
export function flattenDeep(routeArr, arr=[]) {
    routeArr.forEach(route => {
        if (route.children && Array.isArray(route.children)) {
            flattenDeep(route.children, arr)
        } else {
            arr.push(route)
        }
    })
    return arr
}