Vue, поиск города в json?

Question

[Max9999]

Здравствуйте.
Нужно реализовать на vue поиск, такой же, как тут при публикации вопроса "Теги вопроса", только данные брать из большого json(800кб) т.е. Человек начинает вводить название города и с файла подставляется уже возможные варианты. Как лучше это реализовать?

Answer 1

[Игорь]

Ajax`ом загрузить JSON и проверять поле на соответствие по тригеру(например тут по нажатию Enter)

Comments

[Max9999]

Я так и думал, просто может более быстрое есть решение

[Игорь]

Max9999, не думаю.

[Max9999]

Игорь, Спасибо

[Игорь]

Max9999, можете еще сделать как на habr Q&A страничку которая будет искать на стороне сервера
например, вы ввели html, отправляется ajax адрес https://qna.habr.com/search/suggest_tags?term=html и получаем ответ JSON

[
  {
    display_name: "HTML"
    id: 152627
    image_url: "https://habrastorage.org/webt/5a/6c/29/5a6c29308ac8a661581550.png"
    label: "HTML"
    name: "html"
    questions_count: 56990
    users_count: 42921
    value: "html"
  }
]

Answer 2

[coderisimo]

Например - ТЫЦ
Посмотрите там Asynchronous select Идея в том, чтобы ничего не грузить заранее, а просто обращаться к серверу, который и будет возвращать набор подходящий под критерии поиска.
Это стандартная практика. Каждый раз грузить весь JSON , даже если он не нужен смысла нет

Answer 3

[Developer]

Если бы ты не поленился посмотреть, то увидел бы, что здесь, как и вообще на всех сайтах, идёт обращение к серверу:
https://qna.habr.com/search/suggest?term=aja