Questions tagged [v-autocomplete]
55 questions
9
votes
1 answer
Clearing out typed text from a vuetify v-autocomplete after drop down item is selected
I have this v-autocomplete field that has a list of items in a drop down. It's a multiselect, so many items can be selected.
chuckd
- 13,460
- 29
- 152
- 331
6
votes
1 answer
Using cypress, how to select an item on a `` if it has too many items
While writing a E2E test for a Vuetify page using Cypress, I ran into difficulties selecting one or more elements from either a or a
The answer to a preexisting question works okay as long as there are only a few options…
Haroldo_OK
- 6,612
- 3
- 43
- 80
5
votes
1 answer
Close v-autocomplete after selection
I use vuetify v-autocomplete and I want it to close the dropdown, after each selection or deselection. This is my code so far
codebot
- 517
- 8
- 29
- 55
4
votes
1 answer
How to test a vue vuetify v-autocomplete
Somehow I'm not able to see the items of the v-autocomplete inside the html during the test and also setting an item does not work. Below the v-autocomplete (which is loading the items on mount) and the test.
// v-autocomplete.vue
…
Patrick
- 2,128
- 16
- 24
3
votes
1 answer
Vuetify search-input.sync for v-autocomplete inside v-for
I have a line_items array, iterated using v-for. For each of the line_item object, I need a v-autocomplete element that is used to search for category.
Currently, I'm using the search-input.sync="searchText" to do sync search as the user types into…
a.fahmiin
- 330
- 3
- 12
3
votes
1 answer
How to change Vuetify v-autocomplete menu border radius style?
I want to change the box style of the v-autocomplete drop-down list and give a border-radius style to the drop-down list, as you can see in the image below.
What I have designed so far is like the image below.
So far, I've given the menu-props…
mohammad reza esmailzadeh
- 71
- 3
- 8
3
votes
0 answers
is there a way to cancel a query in done through apollo client, a graphql query
I made this autocomplete field that can be filtered by another dropdown field.
On initial load the autocomplete field loads a bunch of data through graphQl.
The problem is the data on initial load is huge and takes a while for this to finish.
On the…
drr
- 31
- 1
3
votes
1 answer
Do not display options in v-autocomplete until there is input vuetify
I currently have a v-autocomplete component but once the user clicks the search it expands and shows all available items. I want the list of items to only display once there is input. There are too many available items and don't want the user seeing…
Daniel Brown
- 63
- 1
- 5
2
votes
1 answer
Vuetify's v-autocomplete component resets the v-model value to null when cleared
In the code below I am using a v-autocomplete component
and a variable select where the selected value is stored.
The watch logs the value and type of select.
The problem I'm facing is that when the text typed in the v-autocomplete is cleared,…
Octav
- 23
- 1
- 6
2
votes
1 answer
How to set data into v-autocomplete on edit/view form
I'm trying to bring some data from a parent to a modal, where are 2 inputs one it's a v-autocomplete, but it is not showing the selected data.
As you can see there is a data coming from the function getDepartamentos, it is also coming an object…
jessica_st
- 43
- 5
2
votes
0 answers
Vuetify v-autocomplete with async suggestions but locally saved selection
I have a Vuetify autocomplete with multiple selection with chips whose suggestions dropdown are not stored locally, but are always retrieved asynchronously from the server when the user starts to type in the input field. The code looks something…
Iulia Mihet
- 650
- 1
- 10
- 34
2
votes
1 answer
Vuetify Autocomplete with slots, no autocomplete suggestion when typing
I'm trying to make a small tool where someone would fill in some data, this would be either a name or id and the field displays an autocomplete list. (The end result would contain 100+ results, an autocomplete function is needed.)
I've tried to use…
Carina
- 57
- 1
- 8
2
votes
1 answer
How do I select (checkbox) a value from a vuetify multiselect v-autocomplete in Javascript?
I have a multi select v-autocomplete component from vuetify.js and the items are an array that get used in the multi select dropdown
The defendantCodeOptions items look like this
{text: "some text", value: 36}
I can't seem to figure out how to…
chuckd
- 13,460
- 29
- 152
- 331
1
vote
1 answer
v-autocomplete lost "change event" in vuetify 3?
In Vuetify 2 there was a change event for the v-autocomplete component. An example:
MichaB
- 495
- 7
- 20
1
vote
1 answer
Vue2 Vuetify v-autocomplete: How do I get the searched result/filtered item of v-autocomplete
I implement searching/filtering within v-autocomplete with multiple selection and select all.
Currently select all will select all from the list which include filtered/un-filtered (screenshot: 67 item(s) selected although it has been filtered to 4).…
Faiz Shaari
- 27
- 2