используйте vue для выпадающего списка опций выбора

Question

Я пытаюсь раскрыть <option> s для <select>, когда пользователь вводит текст <input>. Вот что я пробовал, но <options> не выпадающий.

index.html

<input @input="onInput" type="text"/>
<select ref="select">
    <option>test</option>
</select>

index.js

new Vue({
    ...methods: {
        onInput() {
            this.$refs.select.click()
        }
    }    
})

Answer 1

Это невозможно, см. Следующую тему stackoverflow.

Как программно указать, что HTML SELECT должен выпадать (например, из-за наведения мыши)?

Как и при наведении курсора или любом другом событии, это невозможно сделать ни в одном современном браузере. Это не имеет ничего общего с VueJS