按空格时Vue js过滤器不工作

Question

我有一个过滤器，它根据名字和姓氏返回数组。我没有理会这件事。但问题是当我按下一个空格它不会返回任何结果。例如，让我们说名称是（包括名字和姓氏）Sadek Hossain。现在，如果我搜索sadek它的作品，但如果我输入sadek hossain或Sadek Hossain它从来没有工作。一旦按下空格，它就不起作用。

这是我正在使用的过滤器代码。

filterUser(){ 
      return this.buddylist.filter((buddy)=>{ 
       return buddy.oponent.firstName.toLowerCase().match(this.search.toLowerCase()) || buddy.oponent.lastName.toLowerCase().match(this.search.toLowerCase()); 
      }) 
     } 

Answer 1

如果你想匹配的全名，你应该检查对第一+最后的东西，如：

filterUser(){ 
    return this.buddylist.filter((buddy)=>{ 
    var fullname = buddy.oponent.firstName.trim() + " " + buddy.oponent.lastName.trim() 
    return fullname.toLowerCase().match(this.search.toLowerCase().trim().replace(/\s+/g,' ')) 

    }) 
} 

这在用户输入替换多余的空格用一个空格。剥掉名字和姓氏的空白。连接第一个+最后一个并进行比较。

如果你想匹配名字或姓氏或全名，你需要将它与前一个函数结合起来。