Questions tagged [v-autocomplete]
55 questions
0
votes
1 answer
Vuetify How to select the same chip twice with v-auto-complete
I have a v-autocomplete and I want to have multiple chips, that's easy by adding the multiple prop.
But I want to have multiple chips with the same name and value. I haven't been able to find a solution for that.
Here is my code:
Simao
- 371
- 2
- 13
0
votes
1 answer
How to use two arrays in Vuetifyes v-autocomplete
I have two arrays, one with 7 boolean values representing the weekdays, and the other with the weekdays names and the value of which day of the week it represents, kind of index of weekdays (0 beeing sunday, and 6 beeing saturday)
This sample is…
Potatismoose
- 1
- 1
0
votes
0 answers
Style a v-autocomplete dropdown [vuetify]
I have a dropdown menu that I would like to style.
When it's up, the dropdown looks like this.
And when it's down, it looks like this.
This yellow border is just a border-bottom style that I added to the dropdown component. The big problem is…
Quentin
- 65
- 9
0
votes
0 answers
Vuetify autocomplete not working when multiple prop is true
Im trying to make work this autocomplete with multiple prop, it works with muliple = false (default).
When I add the prop multiple to autocomplete then the dropdown doesn't show, the multiple prop works with v-select but whe i chage it to…
Monicake
- 45
- 7
0
votes
0 answers
Cannot change scrollbar on v-autocomplete drop-down (Vuetify)
Is there any way to change scrollbar thumb color on v-autocomplete drop-down.
Tried to used ::-webkit-scrollbar-thumb on menu contentClass - not working.
0
votes
2 answers
Text-color for v-autocomplete
I have a v-autocomplete that only displays after I click on a loop button in my navbar.
My application is supposed to allow the search on actors. I have a placeholder on this autocomplete and I'd like to style the appearance of it.
At the moment it…
Quentin
- 65
- 9
0
votes
1 answer
::v-deep .v-autocomplete__content.v-menu__content (Vuetify) doesn't work in a style scoped vue
I have a v-autocomplete (vuetify) that expands a list of items
When I click on my autocomplete to type the content that is available in the list of items, the container in which the items are located is out of the position I want, as shown in the…
Leonardo Baptista
- 33
- 4
0
votes
1 answer
Vue- How can I control the behavior of chips in v-autocomplete?
I have a 20-25 names coming from API where I'll need to show them in a drop down box (requirement). I'm using Vue v-autocomplete here to display the selected names on the field. I've used custom item called Select All where the user can select all…
user2824374
- 168
- 3
- 14
0
votes
0 answers
V-autocomplete not updating on user interaction
I am having 3 multi-select elements on a page and one button. On click on the button, I want whatever the value selected on the third i.e last multi-select element, shall get selected on all top two multi-select elements. On clicking on button, i do…
Babul Kumar Sahoo
- 15
- 3
0
votes
1 answer
0
votes
1 answer
Vuejs: how to update text fields based on autocomplete selection
New to vuejs. I have a vue component that has two array props: countries and countryDetails
countries -> ['England', 'Germany']
countryDetails -> [ { country: 'England', capital: 'London' } ]
I’m able to display a dropdown using countries…
user2352834
- 69
- 1
- 2
- 8
0
votes
2 answers
Is there v-autocomplete "no data filtred" callback in vuetify?
Is there any way to catch event when v-autocomplete from vuetify.js filter shows "no data available"?
I cant find this event here https://vuetifyjs.com/en/api/v-autocomplete/#events
May bee there is some workaround? May bee I can get filtered result…
Den
- 55
- 5
0
votes
3 answers
Change style active v-autocomplete
How i can change style (border color) of v-autocomplete if at least one item is selected?
Now style is changed (blue) if focus is on the field, but become default (grey) if item is selected and focus is not on the field.
I need to stay blue border…
Newta
- 39
- 1
- 7
0
votes
1 answer
Veutify stopping cursor to move when changing isFocused
Created a code pen where when the user enters text in the first v-autocomplete the dropdown menu for the second v-autocomplete appears. I did with by changing isFocused to true. The issue is the cursor moves to the next v-autocomplete. Is there a…
Aaron
- 4,380
- 19
- 85
- 141