Vuetify v-autocomplete зависает с большим набором данных (~ 53 тыс. элементов) ⇐ Javascript

[Anonymous]

У меня есть такой код:

Код: Выделить всё

Вот что представляет собой каждое значение:

• segmentOptions => массив (prop), содержащий до 15 элементов
• segmentLookupMap => заполняемый службой поиска. Этот сервис возвращает около 95 тысяч записей в смешанном порядке. Я извлекаю из него несколько пар ключ-значение и организую их в массивы внутри объекта на основе элементов в сегментеOptions. Эти массивы затем используются в качестве элементов для каждого автозаполнения.

Проблема в следующем:
Некоторые входные данные содержат до 53 тыс. элементов в массивах, и это число нельзя изменить или уменьшить. Когда есть начальное значение (выбор по умолчанию) или когда пользователь ищет или выбирает что-то из этих 53 тысяч элементов, пользовательский интерфейс зависает примерно на 2–3 секунды.
Я знаю, что это происходит из-за большого размера данных, но есть ли способ справиться с этим более эффективно?

Подробнее здесь: https://stackoverflow.com/questions/797 ... -53k-items