Как реализовать поиск во вложенном списке?

Здравствуйте! Есть иерархия географии (Страна - регион - город). При клике на страну будут грузиться регионы с сервера, при клике на регион - города. Если мы открыли регион, то нужна возможность поиска этих регионов. С странами ничего сложного, а вот с регионами и городами уже идей нет. Подскажите, пожалуйста.
https://codepen.io/Dgacarda/pen/QPVdZm?editors=1010
  • Вопрос задан
  • 223 просмотра
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
Раз уж у вас предполагается возможность одновременного поиска по различным странам/регионам - как-то странно пытаться использовать одно и то же свойство для всех полей поиска. Сами подумайте - свойство одно, стран двадцать (например). Как вы собираетесь хранить двадцать значений в одной строковой переменной?

Сделайте строки поиска свойствами объектов, внутри которых выполняете поиск. Т.е., замените

v-model="searchRegion"

на

v-model="country.searchRegion"

Аналогично и с городами внутри регионов.

Или можно сделать searchRegion и searchCity объектами, где ключами будут id стран/регионов, в которых осуществляется поиск. Как-то так.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы