79lawyer
V2EX  ›  问与答

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

  •  
  •   79lawyer · Sep 27, 2022 · 1704 views
    This topic created in 1500 days ago, the information mentioned may be changed or developed.

    RT:

    lllllliiii
    lllllliiii
    Sep 27, 2022
    1
    有没有可能是自己写的
    79lawyer
    79lawyer
    OP
    Sep 27, 2022
    2
    @fzdwx #1 我看了这个确实是自己写的,所以我想问一下有没有类似的开源组件🤣
    doommm
    doommm
    Sep 27, 2022❤️1
    3
    观察一下它的 DOM 结构,说不定能有思路。本质上也是数据 => UI
    Imindzzz
    Imindzzz
    PRO
    Sep 27, 2022❤️1
    4
    只是左边树结构看着花哨了点,遮掉就是普通的树选择组件。把截图每一个行画个矩形框起来,可以方便观察一下树结构的规律。

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

    https://imgse.com/i/xZcyqK
    stefanieewu
    stefanieewu
    Sep 27, 2022 via iPhone
    5
    需要帮忙写吗,提供下数据结构
    heartdream
    heartdream
    Sep 27, 2022
    6
    @xd199153 这么拆分一下 , 看着好简单
    zmh69695328
    zmh69695328
    Sep 27, 2022
    8
    用 svg 来画左侧的线条,遍历子节点,然后往 path 里加各个连接点的坐标,和写一个目录组件差不多。
    连接点:
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2008 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 37ms · UTC 16:26 · PVG 00:26 · LAX 08:26 · JFK 11:26
    ♥ Do have faith in what you're doing.