按类别ID过滤产品

时间:2020-05-05 11:52:01

标签: vuejs2 vue-component

我有一个Vue.js组件,并且有该组件显示的产品。我想按计算部分中的选定类别过滤产品。我已经创建了filterdProducts函数,但它不仅返回具有选定类别ID的产品,还返回所有产品。 在这种情况下,我希望filterdProducts向我返回类别ID为9的产品,但它将返回我的所有产品。 相关类别嵌套在产品内部。 例如

enter image description here

{

export default {
data(){
    return{
       selectedcategory: 9,
    }
},

这是用于过滤的代码:

computed:{
filteredProducts: function () {
    return this.products.filter((product) => {
        return product.categories.filter((category) => { 
            return category.id === this.selectedCategory; 
         });
        })
    }
    },

1 个答案:

答案 0 :(得分:0)

我的错误

export default {
 data(){
  return{
   selectedcategory: 9,
 }
},

应选择类别