1

Собственно вопрос в шапке, перелазил везде, нигде не пишут

2
  • 1
    Не отвечают наверное от того, что вопрос расплывчатый до невозможности. В каком виде данные представлены, что за массив, где хранится, как передаётся. Самый простой вариант если массив уже сохранен в js - передайте срез массива (arr.slice вроде как) в props компонента.
    – Ljil
    Commented 27 июл. 2018 в 11:27
  • все данные с API, всё дефолтно <div id="posts" v-for="(post, slug) in posts"> Нужно чтобы вывело первых 5 постов, например, по дате публикации. В джанго это было просто, здесь я не понимаю. Commented 27 июл. 2018 в 11:37

1 ответ 1

1

Во-первых данная запись <div id="posts" v-for="(post, slug) in posts"> невозможна, директива v-for работает аналогично функции Array.prototype.forEach, первым параметром принимает currentValue, вторым index (array не принимает), а не slug, но это при работе с массивом, если итерировать объект - там все иначе. Если нужно вывести 5 первых элементов - используйте Array.prototype.slice:

<div id="posts" v-for="post in posts.slice(0, 5)">

Если нужно по дате публикации, то сортируйте массив:

data() {
    return {
        posts: []
    };
},

mounted() {
    makeApiCall().then((posts) => {
        this.$data.posts = posts.sort((a, b) => {
            return new Date(b.publish_date) - new Date(a.publish_date);
        }).slice(0, 5);
    });
}

А вообще для таких целей создавайте API эндпоинт, который будет возвращать первые 5 постов по дате публикации, чтобы уменьшить нагрузку на фронт

3
  • у меня бэк django rest api, т.е. легче создать отдельную ссылку по первым пяти статьям ? Commented 28 июл. 2018 в 12:55
  • ну представьте, что у Вас эндпоинт GET /api/posts возвращает ~1k постов, то фронту придется сортировать 1k по дате, всю "такую" логику выносите на бек
    – user303477
    Commented 28 июл. 2018 в 13:01
  • понял, спасибо вам! Commented 28 июл. 2018 в 16:53

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.