@dupreseraphine

Как создать фильтрацию через select на vue 3 с composition api?

Есть родительский компонент app.vue, где идет запрос и ответ с бэка, получаю все объекты массива.

В родительском компоненте передаю компоненты СardList и FilterBlock.

В фильтр блоке у меня есть селект, где есть поля all, alive, dead, unknown. при клике на all должны вернуться все объекты массива, а поля alive, dead, unknown фильтруются по статусу. при этом если выбираем по статусу, то в компоненте Card(одна карточка, лежащая в CardList), если alive, то будет span, где будет отображаться зеленый кружок, для dead красный, для unknown желтый.

На all все объекты с разными статусами и соответствующими им кружками, при выборе alive будут отображены, только объекты с этим статусом и зеленым кружком, для dead и unknown такая же фильтрация с соответствующими для них цветом кружка.

Как это реализовать, используя vue3 c composition api?
  • Вопрос задан
  • 113 просмотров
Пригласить эксперта
Ответы на вопрос 2
Rsa97
@Rsa97
Для правильного вопроса надо знать половину ответа
Стандартно. FilterBlock через v-model меняет значение фильтра в родительском компоненте, при его изменении пересчитывается computed с отфильтрованным списком, который передаётся параметром CardList.
Ответ написан
Комментировать
0xD34F
@0xD34F Куратор тега Vue.js
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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