Wuxt (Nuxt / Vue) сортирует элементы в v-for на основе parent / child - PullRequest
Новая
       13

Wuxt (Nuxt / Vue) сортирует элементы в v-for на основе parent / child

1 голос
/ 18 октября 2019

Я хочу отсортировать элементы в цикле v-for, который получает комментарии из WP db, но в этой базе данных хранятся комментарии с последовательными идентификаторами, и, поскольку есть ответы на некоторые комментарии, их порядок нарушен.

Я хочу иметь правильный порядок, который обозначается свойством comment.parent, и в том порядке, в котором комментарий, являющийся дочерним, должен находиться под родителем. Условного класса «commentreplied» должно быть достаточно для отступа в div, чтобы сделать его визуально составленным.

Это мой код: 

    <div v-for="comment in commentArray" :key="comment.id" :class="{'commentreplied' : comment.parent !== 0 }" class="commentblock">
        <img :src="comment.author_avatar_urls['96']" />
        <h3>{{ comment.author_name }}</h3>
        <div class="comment-body" v-html="comment.content.rendered"></div>
    </div>

Комментарии JSON в pastebin https://pastebin.com/vpgy1btw

...