请问前端大佬这种往一边延伸的树状结构一般 VUE 用什么开源组件呢

2022-09-27 14:32:10 +08:00
 xuqiccr

RT:

1025 次点击
所在节点    问与答
8 条回复
fzdwx
2022-09-27 14:48:21 +08:00
有没有可能是自己写的
xuqiccr
2022-09-27 14:49:37 +08:00
@fzdwx #1 我看了这个确实是自己写的，所以我想问一下有没有类似的开源组件🤣
doommm
2022-09-27 15:02:09 +08:00
观察一下它的 DOM 结构，说不定能有思路。本质上也是数据 => UI
Imindzzz
2022-09-27 15:03:59 +08:00
只是左边树结构看着花哨了点,遮掉就是普通的树选择组件。把截图每一个行画个矩形框起来，可以方便观察一下树结构的规律。

不难发现，每一行，圆形小球是固定显示的，上部线条数量由树的深度决定，下部线条数量由树的深度和是否有叶子节点决定。

https://imgse.com/i/xZcyqK
stefanieewu
2022-09-27 16:32:42 +08:00
需要帮忙写吗，提供下数据结构
heartdream
2022-09-27 18:03:13 +08:00
@xd199153 这么拆分一下 ， 看着好简单
chairuosen
2022-09-27 18:08:43 +08:00
https://v2.cn.vuejs.org/v2/examples/tree-view.html
把样式改一下
zmh69695328
2022-09-27 18:13:48 +08:00
用 svg 来画左侧的线条，遍历子节点，然后往 path 里加各个连接点的坐标，和写一个目录组件差不多。
连接点：

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/883291

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX