[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
1
vote
0 answers
v-select, compare two array to display the right value as the default value
I have this array
appRightZone: [
{label:"Third", value: 50, editable: true},
{label:"Contacts", value: 100, editable: true},
{label:"Actions", value: 200, editable: true},
…
Kaouane Mohamed
- 23
- 2
1
vote
1 answer
Vuetify v-select not trigger select event on option click with custom template
I am using Vuetify beta version (v3.0.0-beta.6) because I have to use Vue 3 and Vuetify 2.x is not supported by it.
I want to create an i18n selector with the country flag icon.
To manage i18n I use the vue-i18n library.
As mentioned in vue-i18n it…
betta7391
- 103
- 9
1
vote
3 answers
Get data from v-select field
I'm getting stuck on getting the data from my v-select input. Within console.log whenever I type it's just repeating an empty string with no data being sent.
Input
JMKelley
- 599
- 2
- 17
- 36
1
vote
1 answer
Trying to install v-select getting Vue is not defined
New to Vue, but trying to get v-select working. I'm getting vue is not defined when importing. Then when I import vue I'm getting a different error as listed below:
main.js
import { createApp } from 'vue'
import App from './App.vue'
import vSelect…
JMKelley
- 599
- 2
- 17
- 36
1
vote
1 answer
How to add extra option to v-select after setting :items prop
I have a v-select, written like this :
Simao
- 371
- 2
- 13
1
vote
0 answers
How can i validate v-select multiple with vee-validate 'ValidationProvider'
I want to validate a multiple select filed (v-select) with vee-validate validationProvider.
For single select option it is working fine. but when i am trying for the multiple select it is not working.
How can i do this?
I have…
Anupam Hayat Shawon
- 123
- 1
- 11
1
vote
2 answers
Vuetify show select options nicely
My select options covering my label "Download".
I've tried to add offset-y, but the result is still bad.
code-8
- 54,650
- 106
- 352
- 604
1
vote
1 answer
Hide-selected in multiple components sharing the same items prop
So I basically have multiple v-select that all share the same :items prop. Now if an item is selected from one of the v-select, I want to hide it from all v-select so we can't choose it again. Inverse logic when the item is free again.
Is that…
William Chretien
- 21
- 3
1
vote
2 answers
Add custom data attribute to Vuetify v-select options
I am using a v-autocomplete component to list items in a selector. Since v-autocomplete is just an advanced v-select, I think an answer for v-select would work for v-autocomplete too.
In my list I have items with different statuses which should be…
Annity
- 96
- 1
- 10
1
vote
0 answers
Vuetify - Why v-menu with open-on-hover is closing when mouse is over a list of v-select or v-combobox components
steps to reproduce:
1 - place a v-menu with open-on-hover property
2 - add a v-select or a v-combobox item to it..
when v-menu is opened, and the lists from v-select or v-combobox are displayed,
v-menu automatically closes if mouse hovers the list.…
Dra Lucinda
- 11
- 2
1
vote
1 answer
Loop options values in v-select using v-for, is it doable?
I am new at VueJS and using vuetify to do a select dropdown.
I am getting a variable from the DB and would like to generate the options using a v-for if possible. I was not able to make it work, so the solution I used is below, but I think it could…
user3299563
- 21
- 6
1
vote
1 answer
how to get value in selected dropdown in VUE
i have my code
HTML
Jon
- 109
- 2
- 10
1
vote
1 answer
Vuetify v-select disabling items without manipulating the object
I've read anywhere even in the official docs and I only found that v-select's items can only be disabled by setting the object's disable to true like this...
{text: 'text1', disabled: true}, //disabled
{text: 'text2', disabled: false},…
yareyaredaze
- 85
- 2
- 10
1
vote
1 answer
v-select rules not working after passing return-object props
I'm using vuetify in my project where I needed to use object in v-select. but rules prop is not working when I pass return-object props. If I remove return-object props then validation in rules prop works just fine. Here is what I am doing in…
Zubayer Himel
- 65
- 1
- 11
1
vote
1 answer
Can't visible vuetify 'v-select' component
This is my Home page