树形列表
沙洲小骆驼
编程还有有点好玩的鸭
展开
-
Element-UI中el-tree的使用,Vue实现左树右表
页面如下:Vue中结构如下:treeData:loadTree() { getTree().then(response => { console.log(response.data, 'data') this.treeData = JSON.parse(JSON.stringify(response.data)) }) },treeData结构如下:具体如何组装treeData见上一篇原创 2020-06-05 14:22:32 · 12622 阅读 · 12 评论 -
复制树形列表功能实现
图为需要复制的内容需求简述:每个年度有不同的树形列表,该功能为复制新增树:先选择某个年度的树,点击复制新增后需要变为指定年度的树,树的结构完全一致,变化的是id,年度;详情:第一张图中的树是由2部分数据拼接的,其中深度为1-3的树在另一张表中定义,深度4+的树为需要复制的数据;难点:新生成的id与pid的映射解决思路:通过cpid中间字段保存旧id,实现映射代码思路:将原来数组按照树的深度拆分为各个数组,根据深度进行遍历,将每个深度的数组id,pid和年度逐一替换(很笨拙的方法,后.原创 2020-06-05 13:40:43 · 1480 阅读 · 0 评论