Цикл для дерева vue?

Question

[Вячеслав]

привет всем!
Мне на сайте нужно дерево из комментариев, пытаюсь его выполнить через vue.js
делаю по примеру из офф доки https://ru.vuejs.org/v2/examples/tree-view.html

И все бы ничего, но столкнулся с проблемой.
В офф доке массив данных начинается с 1 значения, в котором идут вложенные массивы children

var data = {
  name: 'My Tree',
  children: [
    ...
  ]
}

В моем же случае, входящий массив данных состоит из множества элементов, в котором есть подмножество children

var data = [
	{
	  name: 'My Tree',
	  children: [
		...
	  ]
	},
	{
	  name: 'My Tree',
	  children: [
		...
	  ]
	}, 
]

И вроде все бы должно быть очевидно, добавить v-for и вперед)
так то оно так, добавил
но вместо того, чтобы получить древовидную структуру на выводе, получаю только 1-ый уровень комментариев
понимаю что решение где-то на поверхности, но пока чет не допетриваю
укажите на ошибку?

рабочий пример вот тут: https://jsfiddle.net/ct1kcpe7/

заранее спасибо ))

UPD:
да забыл сказать, что если проверку isReplies заменить на comment.replies

'<ul v-if="isReplies" => '<ul v-if="comment.replies"

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

Answer 1

[Александр Гонтарев]

вот так

https://jsfiddle.net/qs9dLb2b/1/

Comments

[Вячеслав]

спасибо, мил человек. я уже правда сделал немного другим способом, но Ваш работает лучше, оставлю его
спасибо еще раз!