Задать вопрос
nskarl
@nskarl
Вообще дизайнер

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

привет всем!
Мне на сайте нужно дерево из комментариев, пытаюсь его выполнить через 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"

то он начинает видеть вложенный уровень, но только первый, только один, и данных никаких не выводит.
да и делать так не по феншую ))
Но предполагаю что собака зарыта где-то именно тут.
  • Вопрос задан
  • 1264 просмотра
Подписаться 1 Простой Комментировать
Решения вопроса 1
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы