Как сделать рекурсию на блок вывода потомков в дереве?

Question

[Александр]

Вот что имею, собственно я так понимаю без рекурсии тут никак, как организовать эту часть кода, чтобы она множилась, а не переписывалась данными? Нужно ли выносить в отдельный компонент это?

Answer 1

[0xD34F]

Нужно ли выносить в отдельный компонент это?

Да. Рекурсивный компонент. Для вложенных данных компонент создаёт экземпляры самого себя. Условие продолжения рекурсии (рендеринга конкретного экземпляра компонента) - корректность данных, надо проверять, что в компонент был передан массив ненулевой длины. Например:

name: 'v-tree',
props: [ 'items' ],

<ul v-if="Array.isArray(items) && items.length">
  <li v-for="n in items">
    {{ n.name }}
    <v-tree :items="n.children" />
  </li>
</ul>

Comments

[Александр]

Спасибо, я ж просто хотел подгружать наследников каждый раз при клике на ссылку, если она активна...типа не передавал полностью дерево. Сейчас разобрался как изменять данные и целиком передавать древо и твой приммер как раз кстати пришёлся, сделал чутка по другому, но за идею спасибо )