Результаты поиска или как настроить выпадающий список?

Question

[Lahma]

1. Вопрос
Подключил UI библиотеку primevue.org и использовал .
Все классно все работает, но если длинное название или много элементов выпадающий список разъезжается непонятно куда.
Фото:




Как управлять выпадающем списком так и не понял... подскажите если знаете. Спасибо!

2. Вопрос
Сделал поиск сам, выпадающий список не разъезжается все ок!
Но как сделать, чтобы по списку можно было двигаться с помощью стрелок на клавиатуре?
Нужно подключить "Псевдонимы клавиш" типа @keyup. down

Как управлять выпадающем списком так и не понял... подскажите если знаете. Спасибо!

Comments

[Aetae]

Чем писать свой селект и собирать все грабли подряд, логичнее было бы воспользоваться готовыми решениями...

Answer 1

[0xD34F]

Добавляем в компонент свойство - индекс выбранного элемента выпадающего списка, по нажатию на стрелки делаем ему плюс-минус один. В зависимости от равенства значения этого свойства текущему индексу в v-for назначаем элементу списка класс, который его визуально выделит. Как-то так.

Comments

[Lahma]

Круто, спасибо! Оч помогли мне