Menu

Creating a Autocomplete component from Vue JS and typescript

I had to create an Autocomplete component for fun, its no way near perfect. There are plenty of other implementations that are already serving the same purpose – but hey I wanted to do it my self – fair enough? 😉

This is using bootstrap 4 styles, I am using a text box and drop-down menu controls to archive this. Below is the code for the component.

This requires few improvements, like keyboard navigation on the auto lookup, etc.

But good enough to get started.

Below is the usage.

 

Leave a comment