Question

我有一些代码可以搜索：

名称
类别
标签
区域

可以，但是我在搜索收藏夹时遇到问题。

名称，类别，标签和区域均在此功能中搜索：

 return this.meals.filter(meal => {
    return meal.strMeal.toLowerCase().includes(this.search.toLowerCase())
     && (category === "All" || meal.strCategory === category)
     && (area === "All" || meal.strArea === area)
     && (tag === "All" || String(meal.strTags).includes(tag))
  })

这是渲染循环的方式：

 <li v-for="meal of filteredList">

我有2个模态，但是该模态必须在单击时起作用。例如，我单击一个产品，仅搜索该产品。如何将其连接到filteredList？

Answer 1

正确的语法不是 IN 。

<li v-for="meal in filteredList">

这样想，它是一个for循环。它遍历数组中的所有项目。因此，对于每个元素 IN 数组。

您可以这样看：

<li v-for="item in array">

如果您需要访问这些项目的索引，也可以执行以下操作：

<li v-for="(item, index) in array" :key="index">

Vue各种商品搜索

1 个答案: