graymore2
@graymore2

Как фильтровать компоненты Vue?

Добрый день.
Представим следующие компоненты на странице Home:

<post-container
          v-for="post in posts"
          :title="post.title"
          :body="post.body"
/>

<slider
          <slide>Content 1</slide>
          <slide>Content 2</slide>
          <slide>Content 3</slide>
          <slide>Content 4</slide>
/>


Допустим, слайдер статичный а посты динамичны.
Необходимо сделать так, чтобы пост с самым большим рейтингом отображался как самый первый элемент, затем, отображается слайдер, а уже после - Все остальные посты. Так вот, как можно реализовать фильтр расположения разных компонентов в одном темплейте? Vue 3
  • Вопрос задан
  • 40 просмотров
Пригласить эксперта
Ответы на вопрос 1
Fragster
@Fragster
помогло? отметь решением!
Ну сделай вычисляемое свойство "посты, начиная со второго". выводи первый пост, потом слайдеры, потом это вычисляемое свойство. Еще можно v-for сделать у виртуального компонента (тег template), внутри которого будет пост и если индекс = 0, то ещё и слайдер
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы