[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
12
votes
3 answers
Vuetify v-select component width changing
My v-select components should have a fixed width (60px), they fit in a table cell, and I want to prevent them from changing the width after value selected.
They change the width and drop-down arrow moves to the right after selection, so if there a…
karambaq
- 631
- 3
- 9
- 24
8
votes
0 answers
Vuetify,js - Is it possible to have v-select open by default? is there such an option?
Is there an option in v-select to define that the options/item slot will be opened by default
as if I have clicked on the selection area?
Harry Elnekave Encaoua
- 121
- 2
- 5
7
votes
3 answers
Vuetify 2.1 V-Select reset or clear selection after change
i have to fix a vuetify custom component that extends from Vue Class and includes a V-Select component. The dropdown is working fine but since its just a trigger pad to pop open modals the requirement is to reset/clear the dropdown selection after…
setcookie
- 579
- 1
- 6
- 12
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
6
votes
4 answers
Change style and colors of chips in v-select
How can I change the color and style of chips in v-select?
I have code like this:
Pillo
- 347
- 1
- 4
- 15
5
votes
2 answers
Vuetify: editing no-data-text prop or no-data slot for v-select doesn't seem to have any effect
I'm using Vuetify in a Nuxt project. By using the slot no-data in a v-data-table I was able to modify the "No data available" message. It's also working if I use the prop no-data-text.
My no data…
Claire
- 773
- 1
- 8
- 19
5
votes
4 answers
Vuetify v-select with image
I'm using the Vuetify v-select component : https://vuetifyjs.com/en/components/selects/
I want to make select with image like this :
But i didn't found anything in the documentation
SAFSAF
- 375
- 1
- 4
- 14
5
votes
1 answer
How to test value of vue.js v-select component
I have a form setup using vue.js and v-select for a currency dropdown. I'm attempting to create a unit test to make sure the current value of the v-select is set to the computed value price_currency
Here is the vue code for the selector
6557457iD9e
- 108
- 1
- 9
5
votes
2 answers
Vuetify - how to easily access v-select item-text value?
I was wondering how I could easily access the item-text value of a v-select when items have been bound to it and it is separate from the item-value value? I wish to save the item-value value to my v-model but then also pass the item-text value…
soupjake
- 3,293
- 3
- 17
- 32
5
votes
1 answer
How to call a function on selection change in v-select?
I am currently working on Vuetify, trying to call a method in Vue.js from v-select using HTML. But the @change event is not properly selecting the conditions.
Nikul Vyas
- 363
- 3
- 7
- 30
4
votes
2 answers
Vuetify - How to Include checkbox to v-select when customizing text
How to I add the checkboxes from v-select when customizing text and without overriding the multiple.
ropenrom24
- 517
- 8
- 18
4
votes
2 answers
How to make an append item always visible in v-select vuetify
I have a vuetify v-select dropdown.
Inside I made a slot #append-item in which I have a button "validate"
I want the button to always be visible when I scroll inside the dropdown.
fakhfakh emna
- 73
- 2
- 8
4
votes
2 answers
v-select vuetify max elements count
It seems that v-select shows only 20 elements from the array even though array (persons) has 22 of them but if I use autocomplete I can see those 2 missing persons in the list so they are actually not shown until I start to look for the using…
user2620644
- 521
- 1
- 12
- 25
4
votes
7 answers
Vuetify: How to specify the background-color of a selected item in v-select component
I have a v-select widget (combobox / select) in a Vue application. When I open it and hover over an option, the background-color of the option is highlighted (currently light-grey). I want the background-color to have a different color when the…
Marc
- 401
- 1
- 5
- 15
4
votes
1 answer
How to pass dynamic ajax-url for vue-select while function called for search event?
I want to make use one function for multiple component in vue-js. To do so i need to make two things dynamic - 1.ajax-url and 2. dataset holder for options. I read https://sagalbot.github.io/vue-select/docs/Advanced/Ajax.html as per this function…
Mahendra Paudel
- 43
- 3