Vuetify/VueJS - Autocomplete results not showing until input is cleared

Solution 1:

As I pointed out earlier in the comment, the problem is in item-value and item-text properties.

There are no Description and API fields in your JSON data, but these fields are specified in the template.

According to docs, these fields can contain string, array or function.

So you may change it to string value with name of field that should exist in your JSON:

...
item-text="first_name"
item-value="id"
...

or create a method with function that will return some combined value:

...
:item-text="getFullName"
item-value="id"
...
methods: {
  ...
  getFullName(item) {
    return [item.first_name, item.last_name].join(' ')
  }
}

You may check this solution with static data at CodePen.