У меня есть компонент Vue. js, и у меня есть продукты, отображаемые этим компонентом. Я хочу отфильтровать товары по выбранной категории в вычисляемом разделе. Я уже создал функцию filterdProducts, но она возвращает все продукты, а не только продукты с выбранным идентификатором категории. В этом случае я ожидал бы, что filterdProducts вернет мне продукты с идентификатором категории 9, но вернет все мои продукты. Связанные категории вложены в продукт. например
{
export default {
data(){
return{
selectedcategory: 9,
}
},
и вот возможный код для фильтрации:
computed:{
filteredProducts: function () {
return this.products.filter((product) => {
return product.categories.filter((category) => {
return category.id === this.selectedCategory;
});
})
}
},