树形数据转换为一维数组常用3种方法！！！

前端小云儿

于 2024-03-19 11:12:15 发布

阅读量405

点赞数 4

分类专栏： vue技能提升文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/jieweiwujie/article/details/136835472

版权

vue技能提升专栏收录该内容

46 篇文章 2 订阅 ¥9.90 ¥199.90

订阅专栏

超级会员免费看

本文介绍了将树形数据结构转换为一维数组的三种常见方法，包括使用`reduce`和`concat`数组方法。重点讨论了在数据结构中必须包含`children`字段的情况。

摘要由CSDN通过智能技术生成

一常规方法

<template>
  <div>1</div>
</template>
<script setup>
const constantRoute = [
  {
    //登录
    path: '/login',
    name: 'login',
    meta: {
      title: '登录1', //菜单标题
      icon: 'Promotion' //菜单文字左侧的图标,支持element-plus全部图标
    }
  },
  {
    //登录成功以后展示数据的路由
    path: '/',
    name: 'layout',
    icon: '',
    meta: {
      title: '一级路由页2'
    },
    redirect: '/home',
    children: [
      {
        path: '/home',

        meta: {
          title: '首页3',
          icon: 'HomeFilled'
        },
        redirect: '/home/dataMap',
        children: [
          {
            path: '/home/dataMap',