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

时间:2020-10-24 08:32:20

标签: javascript reactjs vue.js vuejs2 vuetify.js

我有一个包含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); 
  });

在数组上查找对象仅显示一个首先捕获的对象。

2 个答案:

答案 0 :(得分:1)

只需使用计算的属性并将其值提供给v-data-tablev-list组件:

computed:{

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

}

答案 1 :(得分:1)

使用过滤器

session()->flash('message', $message);