Как использовать поисковый фильтр в vue и сохранить правильный индекс исходного массива в Vue. js - PullRequest
0 голосов
/ 23 апреля 2020

У меня есть таблица, в которой я храню своих клиентов, и у меня есть поле ввода ввода выше.

<input type="text" v-model="searchQuery" placeholder="Search Customer..."/>

Я реализовал фильтр в вычисляемых свойствах, который проверяет клиентов, и он работает как должен.

 resultQuery () {
  if (this.searchQuery) {
    return this.customers.filter((cust) => {
      return this.searchQuery.toLowerCase().split(' ').every(v => cust.custName.toLowerCase().includes(v))
    })
  } else {
    return this.customers
  }
}

Однако я хочу найти правильный индекс элементов, найденных в результатах поиска.

Проблема заключается в том, что клиенты уже имеют индекс в массиве клиентов. И когда я выполняю поиск клиента, клиент, обнаруженный фильтром, не устанавливает индекс в 0, а когда я пытаюсь удалить клиента из отфильтрованного результата поиска, он удаляет индекс 0 из исходного массива (клиентов), а не из поиска. результат.

Как получить правильный индекс клиента и удалить его?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...