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