Имеется фильтр компонент,в нем кнопки с чекбоском. При нажатии на кнопку, апи даёт 20 товаров этой категории. И выводятся на странице. Компонент
this.$store.commit(
'showFilteredList',
response.data.items
);
filter.js
state: {
filteredBrands: []
},
mutations: {
showFilteredList(state, payload) {
if(payload.length < 1) {
console.log('clear');
} else {
state.filteredBrands = payload;
}
}
}
Проблема в том, что если я выбираю еще 1 чекбокс - то прилетают другие товары из категории, прошлые перезатираются state.filteredBrands = payload;
, связано с этой строкой. Но пушить не выходит.
В целом, хотелось бы, чтобы при выборе двух и более чекбоксов товары выводили на странице, если чекбокс снят у какого либо - товары убирались.
Что нужно изменить или добавить?