[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
3
votes
0 answers
Vuetify v-select disable/remove dropdown
I would like a vuetify control where user can see and delete chips but not add any more chips.
The component matches 99% of the requirements, except it has dropdown. How can I remove the dropdown from v-select (or achieve the goal with…
wondra
- 3,271
- 3
- 29
- 48
3
votes
0 answers
Why the Vuetify component don't display my data
I use Vuetify, I want display one data array in component.
In my real app I use async data. My app working in my local server and in my test server, but when I deploy in other app (in the working numeric environment) the component not…
Giildo
- 85
- 1
- 10
3
votes
3 answers
How to pass value from child to parent for v-select component
I am sure I am just overlooking the obvious, but I am having a little trouble with this one: simple component with one v-select control and passing the selected value to the parent. My code:
//CHILD CONTROL
Nearshore
- 149
- 3
- 15
3
votes
3 answers
How can I change the selected v-select item using a method?
I am trying to set the selected value of my v-select component in a method in the script part.
These are the the code parts:
as19aux
- 123
- 1
- 3
- 9
3
votes
1 answer
v-select/Vue: How to enter value not in the list?
I'm trying to find a way to add a new value using v-select previously not in the list. So that the new value entered will become the selected option.
This is my current code:
user10368959
- 155
- 3
- 14
3
votes
3 answers
How could I get changed value from vuetify select by emitting in atomic design pattern?
I am trying to get the changed value of vuetify v-select by using $emit but it doesn't work.
I divided components by applying atomic design pattern (atoms(child component and not to connect with the store), organisms(parent component)) and vuex…
Doyoun
- 89
- 1
- 11
3
votes
3 answers
Why, when you click outside the v-select, the v-model resets to null? Vuetify
This error appears in IE11 with Vuetify 1.5.14 and Vue 2.x.
I am using the v-select component as follows:
form#login-form
v-select#inputTypeDocument(:items = 'type_documents' required v-model='form.typeDocument' placeholder='Type of…
Dvex
- 921
- 2
- 11
- 35
3
votes
1 answer
How to get append-outer-icon working in vuetify?
v-select allows to add append-outer-icon but how to force to expand icon list when this item is clicked?
Viktor Goncharuk
- 33
- 1
- 3
3
votes
2 answers
vue.js v-select default value
I want to make a default value of the select option using vue.js
here is my code
and
export default {
props: {
contact: {
type: Object,
…
Tessa Muliawati
- 85
- 1
- 1
- 4
3
votes
1 answer
How to use custom template for label in selected option in v-select?
I have used for custom label in v-select. Here, everything is working fine. The custom label is working fine when the options are opened as shown in the screenshot here: http://prntscr.com/kluu7p but the…
prajwal_stha
- 357
- 3
- 17
3
votes
1 answer
How to use v-model and v-select dynamically
I have a group of selects but want them all to work differently with v-model without creating separate data properties for them all.
In the example, select 1 and select 2 are one group and select 3 and select 4 are another.
When one select select 1,…
nara_l
- 664
- 2
- 9
- 23
3
votes
2 answers
Vuetify Select Component Initial Value issue
I have vuetify webpack project
In one of my vue components I use v-select with :items set to common array of numbers named 'levels', and v-model set to data property 'level' that holds common number
So the issue is that v-select doesn't show initial…
Jerry Lynn
- 151
- 1
- 7
2
votes
1 answer
how to detect clear button click on v-select (vue-select)
I was creating a drop-down in v-select, after selecting a option when clicking on clear button I need to clear the drop down and change option array to initial stage.
How to check clear button (x) is clicked or not, I tried with on-change is used to…
vishal krishna
- 35
- 7
2
votes
1 answer
VueJs v-select edit selected via methods
What im trying to achieve is:
when i select the option "Alle openstaande" (result_id = 0), i want to select all these result_ids: [-1,-2,-3,-5,-7,-8,-11,-12] and deselect result_id 0.
var mergedResults returns a array of the result_ids that need to…
fidderr
- 53
- 8
2
votes
1 answer
V-select not being able to support bigints
When clicking in a select that lists items with really big integers as 738883988997898200, the select options hang in the screen and we can't proceed.
We can't proceed because we are inside a v-form that's validating that field, which doesn't have a…
Arthur Abeilice
- 23
- 3