Храните выбранный тип отдельно и вычисляйте отображаемые займы через computed, возвращая весь список для значения «все».
Задание 4: Реализовать работу фильтров по типу займа в списке (loan list) — при выборе фильтра (например, через 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.