Как можно усовершенствовать код при поиске несколько полей?

Question

[Руслан Абсалямов]

Я знаю что сделал костыль, но сделал примерно как бы код работал и показал как я хочу сделать.
То есть что я хочу получить от этого если не понятно, чтобы он искал в колонках фамилии, имя, отчество, телефоне и email значение которая указана в поиске.
Примерно убогая моя реализация выглядит так

/src/views/AppTest.vue:278
this.items
        .filter(item => {
          let search = this.search.toLowerCase();
          let name = item.name.toLowerCase().includes(search);
          let last_name = item.last_name.toLowerCase().includes(search);
          let patronymic = item.patronymic.toLowerCase().includes(search);
          let phone = item.phone.toLowerCase().includes(search);
          let email = item.email.toLowerCase().includes(search);

//Если что-то нашел у поле, то это он возвращает
          if (name) return name; 
          if (last_name) return last_name;
          if (patronymic) return patronymic;
          if (email) return email;
          if (phone) return phone;
        })

Много повторяющих моментов, но это из-за того что я не знаю как ее реализовать
вот как в песочнице это выглядит https://codesandbox.io/s/pyvjxxnnvj

Answer 1

[Владимир Мальков]

Пример из документации vue: grid с поиском.

Comments

[Руслан Абсалямов]

Он же будет искать по всем полям или предлагаешь row проверять, чтобы он искал только определенных колонки?

[Руслан Абсалямов]

Владимир Егонин Типо так?

let search = this.search.toLowerCase();
Object.keys(item).some(s => {
            if (
              s === "last_name" ||
              s === "name" ||
              s === "patronymic" ||
              s === "phone" ||
              s === "email"
            ) {
              return (
                String(item[s])
                  .toLowerCase()
                  .indexOf(search) > -1
              );
            }
          })