2024无限可能! 2021-09-18 10:22 采纳率: 20%
浏览 32

vue树视图,同层级再同一行显示

如图,同一层级的叶子节点怎么在同一层显示呀?数据是那种典型的树形结构数据,我希望能把所有的叶子节点、根节点显示在同一行!

img

  • 写回答

1条回答 默认 最新

  • 前端不释卷leo 新星创作者: 前端开发技术领域 2021-09-18 11:17
    关注

    第一种情况,如果你的层数不深,那你可以直接可以在html结构里面写出来,比如,第一个div是父节点item,第二个div是子节点item.children,第三个div是孙节点item.children.children等等,这种做法是节点层数不深的情况
    第二种情况,如果你的层数很深,且不确定,那你需要先对树的数据结构进行处理,将一层一层的数据遍历,放到跟父节点同一层级(相当于同一层里面有多个对象),多个同级子节点处于同一个对象,最后再渲染到div中

    评论

报告相同问题?

问题事件

  • 创建了问题 9月18日