[Vue Select](https://vue-select.org/) is a feature rich select/dropdown/typeahead component. It provides a default template that fits most use cases for a filterable select dropdown. The component is designed to be as lightweight as possible, while maintaining high standards for accessibility, developer experience, and customization, this tag can refer to the Vuetify select component.
Questions tagged [v-select]
173 questions
0
votes
2 answers
How can i get single value instead of object using v-select
i am trying to bind a list of objects in v-select autocomplete using below code

Mohammad didehvar
- 90
- 6
0
votes
1 answer
How do I track the item selected in a v-select?
I'm developing a vue.js application using Vuetify 1.5.2. We have a v-select like this:
…

gib65
- 1,709
- 3
- 24
- 58
0
votes
0 answers
v-select data search according to label
i have list of customer in vselect drop down list. i need to sort data according to first_name, last_name and middle_name, but the problem is lable attribute allows only one value here it is first_name, i need to add middle_name and last name to…

Prajwal Shakya
- 1
- 1
0
votes
1 answer
vue v-select array of object not showing in select option
laravel project with vue.i install all thing in app js to work v-select, i don't know anyhting is missing in installation or not.if something is missing tell me that or somthing is wrong in v-select tag please help if anyone is experienced such a…

Shuvo Ahmed
- 31
- 5
0
votes
1 answer
Using object as Vue Select options
I know, Vue Select docs specify that options should be an array, but is there a way around it? I want to use object keys as values and object values as labels.
My data:
obj: {
value: 'en',
options: {
'ar': 'Arabic',
'ast':…

MeeraWeeks
- 83
- 9
0
votes
1 answer
Connect v-select with vuex: problem [object object]
I am trying to create a dropdown (v-select/q-select (using quasar)), which allows me to select from an array in my vuex-storage and then eventually save the selected item (content of it) in a variable. Currently I have no problem to access the…

C B
- 5
- 5
0
votes
1 answer
All vuetify selects look like they are selected
Why are all select items blue in this example? It looks like they are already selected.
Obj: {{data.item.a}}

Tenarius
- 540
- 1
- 5
- 23
0
votes
1 answer
How to properly use select in vuetify?
I currently using vuetify, and so far the code below is working .
//script
data() {
order_by_opt: ["Last Added", "Name",…

アリ・ナディム
- 640
- 1
- 7
- 23
0
votes
1 answer
v-select deactivate some items/options
I am using vuetify's to display dropdowns.
The options come from my components data.
What I would like to do now is to deactivate only some of the items in the v-select. What items are deactivated and which are activated will later on depend on the…

NotARobot
- 455
- 2
- 10
- 27
0
votes
4 answers
Limit user selection on Vuetify v-autocomplete
I'm struggling and googling on how to control the v-autocomplete for a while, but still didn't find a good answer. I'm trying to use v-autocomplete for multiple city selection and attempting to limit a user to select at maximum of 5. I would expect…

OpStack
- 21
- 1
- 2
0
votes
1 answer
v-select displays object Object
I'm new to vuetify and I'm stuck on how to properly use v-select. I'm pulling the select values from an API to a store called FormatTypes that looks like this:
[{"id":5,"formatlabel":"RDBMS Table or View"}
,{"id":6,"formatlabel":"Microsoft…

Jim Dowling
- 3
- 2
0
votes
0 answers
Big gap between Vuetify component and its selectable content
Why do I have such a big distance between my select box and it's selectable content ?
I'm using Vuetify in VueJS component in Laravel 7.

DevonDahon
- 7,460
- 6
- 69
- 114
0
votes
1 answer
How to get v-select items inside items?
I have a dropdown with v-select
Data from API like
new…

user2389511
- 61
- 2
- 11
0
votes
0 answers
Vuejs Variable Value Not Changing
I have a vue select component, according to selection I want to change content, and show the loading screen on change event.

mgnfcnt
- 77
- 11
0
votes
1 answer
Vue - how to loop through values in array
Is there a way to use a v-select to display the values of an array? I need to list the str values of this array:
myArr: [
{ key: 'one', str: '1st' },
{ key: 'two', str: '2nd' },
{ key: 'three', str: '3rd' },
…

half of a glazier
- 1,864
- 2
- 15
- 45