VueJS：过滤数组中的对象

Question

我正在处理vue-js问题。

我有一个名为data的{​​{1}} - 元素（对象）。我正在循环浏览这些产品，并显示一个带有项目列表的下拉列表。

现在我想显示仅那些在数组中具有值的项目，这些项目名为＆＃34; Watt＆＃34;和items。

这是Title：

的示例项目

items

知道如何解决这个问题吗？

Answer 1

这不是特定于VueJS的。在Javascript中，您使用Array＃filter过滤数组。例如：

items = items.filter(function(item) {
    return item.Title && item.Specifications.some(function(specification) {
         return specification.Name === "Watt";
    });    
});

要了解这一点，请查看Array#some和Array#filter函数。上面的代码基本上过滤了items数组，条件是该项在规范数组中至少有一个（某些）元素，其中Name是“Watt”并且有一个标题。