Как сделать показ товаров (фильтрация товаров)
В фильтрах выбор категорий - отображения категорий по выбранному checkbox
data() {
return {
cat: null,
cat2: null,
products: [
{id: 1, category: 1, brand: 1},
{id: 2, category: 1, brand: 1},
{id: 5, category: 1, brand: 1},
{id: 3, category: 2, brand: 1},
{id: 4, category: 3, brand: 2},
]
}
}
<input type="checkbox" id="jack" value="Джек" v-model="cat">
<label for="jack">Category 1</label>
<input type="checkbox" id="john" value="Джон" v-model="cat2">
<label for="john">Category 2</label>
<div v-for="product in products" style="border: 1px solid red; width: 100px;">
<div>ID {{product.id}}</div>
<div>Category {{product.category}}</div>
<div>Brand {{product.brand}}</div>
</div>