如何在vue js中使用计算的三个搜索字段答案

【问题标题】：How to do in vue js three search fields with computed如何在vue js中使用计算的三个搜索字段
【发布时间】：2021-06-30 22:23:43
【问题描述】：

我正在尝试创建三个搜索字段。带有一个输入和两个选择器。不知何故，我设法与两个一起工作，但与三个它不工作我需要帮助

 computed: {
    filterMembers: function () {
      let filtered = this.trabalinhos;

      if (this.searchText) {
        filtered = this.trabalinhos.filter(
          (m) => m.title.toLowerCase().indexOf(this.searchText) > -1
        );
      }

      if (this.searchTrabalho) {
        filtered = filtered.filter(
          (m) =>
            m.title.toLowerCase().indexOf(this.searchTrabalho) ==
            this.searchTrabalho.toLowerCase() > -1
        );
      }

      if (this.select) {
        filtered = filtered.filter(
          (m) =>
            m.title.toLowerCase().indexOf(this.select) ==
            this.select.toLowerCase() > -1
        );
      }

      return filtered;
    },
  },

【问题讨论】：

标签： javascript arrays vue.js object

【解决方案1】：

考虑使用includes。

computed: {
  filterMembers() {
    return this.trabalinhos
      .filter(member => member.title.toLowerCase().includes(this.searchText))
      .filter(member => member.title.toLowerCase().includes(this.searchTrabalho))
      .filter(member => member.title.toLowerCase().includes(this.select))
  }
}

或

computed: {
  filterMembers() {
    return this.trabalinhos
      .filter(member => 
        member.title.toLowerCase().includes(this.searchText) &&
        member.title.toLowerCase().includes(this.searchTrabalho) &&
        member.title.toLowerCase().includes(this.select)
    )
  }
}

【讨论】：