树形结构的封装

最新推荐文章于 2022-08-12 11:42:32 发布

Grit_Crab

最新推荐文章于 2022-08-12 11:42:32 发布

阅读量386

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/m0_46166985/article/details/116029107

版权

本文介绍了如何在Vue.js项目中处理从后端获取的扁平数据，通过两种方法将其转换为树形结构：一是从父部门出发寻找子部门，二是从子部门出发查找父部门。

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

需求：我们从后端获取到的数据是扁平的，但是需要封装成树形结构。

在这里插入图片描述

方法一：父部门找子部门

const crabDataList = [
  {
   id:'1',name:'总裁办',pid:''},
  {
   id:'2',name:'财务部',pid:''},
  {
   id:'3',name:'技术部',pid:''},
  {
   id:'4',name:'财务管理部',pid:'2'},
  <

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Grit_Crab

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
树形结构的封装

需求：当我们那获取到的数据事扁平的，需要我们封装成树形的。方法一：父部门找子部门const crabDataList = [ {id:'1',name:'总裁办',pid:''}, {id:'2',name:'财务部',pid:''}, {id:'3',name:'技术部',pid:''}, {id:'4',name:'财务管理部',pid:'2'}, {id:'5',name:'财务管理a部',pid:'4'}, {id:'6',name:'财务管理b部',pid:'4
复制链接

扫一扫