Questions tagged [v-select]

[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.

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
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…
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…
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.
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",…
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…
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.