Vue.js通过特定列上的多个过滤器过滤数据

由于我们不再有过滤器,您需要使用计算属性.

所以你可以这样做:

{
  data: {
    people: [{ name: }],
    age: 28,
    name: 'bi',
  }
  computed: {
    filteredPeople () {
      const { name, age, people } = this
      return this.people
        .filter(person => person.name.toLowerCase().indexOf(name.toLowerCase()) > -1)
        .filter(person => person.age === age)
    },
  },
}

然后你会循环filteredPeople而不是people

...

Vue 1

如果您查看API文档中的第二个示例,filterBy您将看到将其限制为字段的功能.

你想要的东西是这样的:

item in people | filterBy name in 'name' | filterBy age in 'age'