获取数组的相同值并渲染Vuejs

Question

我有一个产品数组，包含id、名称、类别和5个数据。让我们假设有3个产品被分配到移动类别，其中两个是计算机类别。在同一个类别“移动”上呈现这三种产品的恰当方式是什么

  let array_e = this.E_Product;  //products array

  array_e.forEach((element) => { 
    var obj = _.find(array_e, (find) => find.category == 'mobile');
    console.log(obj); 
  });

在数组中查找一个对象时，只显示一个最先被捕获的对象。

Answer 1

只需使用计算属性并将其值提供给v-data-table或v-list组件：

computed:{

    mobileProducts(){
      return this.E_Product.filter(prod=>prod.category == 'mobile');
    }

}

Answer 2

使用过滤器

 let array_e = this.E_Product; 

  array_e.filter((element) =>element.category == 'mobile' );