I am using a Vuetify component to search for users in a list. If the search yields no results, I want to display a button that allows the user to create a new user:
<v-autocomplete
v-model="event.user"
:items="usersData"
label="Search speaker list"
:search-input.sync="searchUser"
return-object
item-value="id"
item-text="name"
>
</v-autocomplete>
This is the button that should be displayed conditionally. How can I implement this based on whether there are any search results or not?
<v-row>
<v-col cols="8">
<v-row>
<v-subheader>
Can’t find who you’re looking for?
</v-subheader>
</v-row>
<v-btn>
<v-icon>
mdi-plus
</v-icon>
Add new speaker
</v-btn>
</v-col>
</v-row>