我如何在VueJS过滤器中处理NULL？

Question

以下过滤器有效

    filteredItems() {
        return this.items.filter(item => 
                item.name.toLowerCase().indexOf(this.search.toLowerCase()) > -1)

    }

但是，当我尝试过滤第二列时，我有2个问题

return this.items.filter(item => 
item.name.toLowerCase().indexOf(this.search.toLowerCase()) > -1)
.filter(item => 
item.location.toLowerCase().indexOf(this.search.toLowerCase()) > -1)

第一个问题，有时位置为NULL，因此将不会加载页面。为了进行测试，我将空值更新为数据库中的空白值，并且该页面没有错误。

第二，我无法按位置搜索（即使将null设置为空白时）

*****编辑****似乎要求两个过滤器都为真...所以我将检查该文档...

Answer 1

首先，您可以检查无效值，例如null, undefined, ""，然后通过name或location安全地进行搜索。这是一个例子：

Answer 2

您可以使用||运算符添加使用name或location过滤器，例如：