【el-tree】树形结构存储

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

最近,做项目中用到了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优先级体现)

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值