Фильтрация витрины интернет магазина на VUE по трем селекторам
Уважаемые коллеги, здравствуйте. Дали тестовое задание на стажировку по JS/VUE и я не могу разобраться с одной проблемой: как сделать так, чтобы работала фильтрация карточек товаров по трем критериям, без критериев и с одним или несколькими критериями?
Код можете посмотреть здесь: https://jsfiddle.net/isb9797/1znprqxs/328/
el: "#app",
data: {
products:[
{
id: 1,
name: 'куртка красная',
img: 'https://media.istockphoto.com/photos/male-coat-isolated-on-the-white-picture-id163208487',
category: 'куртки',
oldPrice: 5880,
price: 4790,
brand: 'super',
size: 31,
color: 'красный'
},
{
id: 2,
name: 'куртка большая',
img: 'https://media.istockphoto.com/photos/red-womans-sports-jacket-picture-id520887025',
category: 'куртки',
oldPrice: 5900,
price: 3790,
brand: 'super',
size: 42,
color: 'зеленый'
},
{
id: 3,
name: 'куртка модная',
img: 'https://media.istockphoto.com/photos/male-coat-isolated-on-the-white-picture-id163208487',
category: 'куртки',
price: 5550,
brand: 'puper',
size: 29,
color: 'красный'
},
{
id: 4,
name: 'куртка выгодная',
img: 'https://media.istockphoto.com/photos/red-womans-sports-jacket-picture-id520887025',
category: 'куртки',
oldPrice: 7900,
price: 1990,
brand: 'super',
size: 29,
color: 'зеленый'
}
],
brand: "",
size: "",
color: "",
allResults: true
},
methods: {
resetFilter: ()=>{
document.querySelectorAll('select').forEach(el=>{
el.selectedIndex = 0;
})
}
},
computed: {
/* filterProducts(){
let filtered = [];
if (this.brand = ''){
filtered = this.products;
} else{
filtered = this.products.filter(product=>{
return product.brand.indexOf(this.brand.toLowerCase()) > -1
})
}
return filtered;
} */
}
})```
