Задание 4: Реализовать работу фильтров по типу займа в списке (loan list) — при выборе фильтра (например, через computed свойство) должен отображаться только список займов, соответствующих выбранному типу, либо все займы, если выбран фильтр "все".

Храните выбранный тип отдельно и вычисляйте отображаемые займы через computed, возвращая весь список для значения «все».

Короткий ответ

Что ответить на собеседовании

Храните выбранный тип отдельно и вычисляйте отображаемые займы через computed, возвращая весь список для значения «все».

Подробный разбор

Ответ с пояснениями

Храните выбранный тип отдельно и вычисляйте отображаемые займы через computed, возвращая весь список для значения «все».

Пример с условным полем type:

const selectedType = ref('all');
const visibleLoans = computed(() =>
  selectedType.value === 'all'
    ? loans.value
    : loans.value.filter(loan => loan.type === selectedType.value)
);

Свяжите select с selectedType через v-model, а список — с visibleLoans. Исходный loans не мутируется. Реальные имена полей и значения типов должны соответствовать API.

ИИ-помощник для собеседований

Хочешь уверенно проходить собеседования?

Попробуй ИИ-помощник для собеседований: слышит вас и собеседника, анализирует экран, подсказывает ответы в реальном времени, работает без VPN и не попадает в захват экрана.

Подробнее