<multiselect v-model="value" :options="websites" label="url" track-by="url" :allow-empty="false" class="header-select mr-3" v-on:keyup.enter="submit"></multiselect>
My requirement is to implement a searchable dropdown where initially no options are displayed, but as the user starts typing, an API call should fetch a list of dropdown items starting with that letter (e.g. Typing "A" should return items like apple, ant, etc.)
In essence, I need an input field with a dropdown functionality similar to Google Search.
The keypress event does not seem to function in the multiselect component. While there are events like @change that work when selecting an item from the dropdown, I specifically need keypress to trigger an event. Reference -
I have utilized the npm package - https://www.npmjs.com/package/vue-multiselect, (Is it possible to achieve this functionality with a regular input field? Keypress works there, but how do we integrate it with a dropdown?)
If anyone can assist me in solving this issue or recommend an alternative package that supports triggering a key up event, your help would be greatly appreciated.