【el-tree】树形结构存储

最新推荐文章于 2025-04-14 21:53:29 发布

灵活的小胖zhi

最新推荐文章于 2025-04-14 21:53:29 发布

阅读量1.4k

点赞数 1

分类专栏：前端文章标签：数据库

本文链接：https://blog.youkuaiyun.com/hejingfang123/article/details/119959997

版权

本文介绍了在项目中使用element的el-tree组件时，如何设计树形结构的数据格式。通过对比两种存储方式——以id, parentId, priority为属性存储和嵌套式存储——讨论了它们的优缺点，特别是对于允许拖拽操作的树结构，提出了一个节点对应一条数据的存储方式可能更为合适的观点。" 54728812,1358276,Perl实现模拟curl发送JSON数据,"['Perl编程', 'HTTP接口', '数据交互']

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

最近，做项目中用到了element提供的tree形控件。

首先，el-tree所展示的树形结构是什么样的呢？

接下来，要展示这样的属性结构需要什么样的数据格式呢？

一个json串：

[{ id: 1,
   label: '一级 1’, 
   children: [{
              id: 4, 
             label: '二级 1-1’,
             children: [{ 
                         id: 9, 
                         label: '三级 1-1-1’ 
                     }, { 
                         id: 10,
                         label: '三级 1-1-2’
                        }]
             }]

我们举得这个例子是通过id，label，children三个属性锁定一个树形节点的位置

那么，我们的项目是通过什么锁定位置的呢？

id，parentId(父节点id)，priority(父节点id相同，说明节点在同一层级，同一层级间的排序通过priority优先级体现)