Как сделать доп фильтр?

Question

[sertu]

Добрый день есть пример https://codepen.io/djastrodeep/pen/oNwOqzE фильтрации только по должности, как еще отфильтровать по гео.Спасибо

Comments

[Сергей Соколов]

вы даже не убрали из моего решения вашего предыдущего вопроса ненужный console.log()

Что делали сами? Сделайте самостоятельно хотя бы фильтр только-по-локации и спросите «как учитывать оба фильтра», что ли.. А то вы шаг за шагом просите за вас сделать работу. Так нельзя.

[sertu]

Сергей Соколов, Ну так так и есть фильтр по локации работает-это я делал, но два фильтра нет.А консолька не мешает)

Answer 1

[0xD34F]

<option v-for="item in info">
  {{ item.fieldTypes.geo }}
</option>

Это неправильно. Если значения в fieldTypes.geo не уникальны, option'ы тоже будут повторяться. Зачем это? Не надо. Делаем вычисляемое свойство, представляющее уникальные значение, и используем при создании option'ов его:

computed: {
  uniqueGeo() {
    return [...new Set(this.info.map(n => n.fieldTypes.geo))];
  },
  ...

<option v-for="n in uniqueGeo">{{ n }}</option>

В вычисляемом свойстве, которое представляет отфильтрованные данные, добавляем проверку второго значения, переписываем его следующим образом:

computed: {
  filteredOffers() {
    const vacancy = this.searchVacancyName.toUpperCase();
    const geo = this.searchGeo;

    return this.info.filter(n => (
      (!vacancy || n.fieldTypes.vacancyName.toUpperCase().includes(vacancy)) &&
      (!geo || n.fieldTypes.geo === geo)
    ));
  },
  ...

Comments

[sertu]

Спасибо вам огромное за развернутый ответ.Удачи