【发布时间】:2020-08-20 01:47:21
【问题描述】:
我有一个 Vue.js 组件,我有这个组件显示的产品。我想在计算部分中按选定类别过滤产品。我已经创建了一个 filterdProducts 函数,但它返回所有产品,而不仅仅是具有选定类别 ID 的产品。 在这种情况下,我希望 filterdProducts 将类别 id 为 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;
});
})
}
},
【问题讨论】:
标签: vuejs2 vue-component