[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
1 answer
vuetify v-select in v-for loop: selected option appears in all iterations of the v-select
I have a v-select nested in a v-for for items..
So, basically, v-for item in items gives me a table containing all items.
In this table, I have a v-select containing it's own array of items pulled from a computed property (getter).
So, if I have 3…
Khepf
- 352
- 1
- 4
- 24
0
votes
1 answer
How check if v-select if element is selected
How correctly in vuejs using if v-select check if the element is selected
having in options array with code/label array?
I tried as :
mstdmstd
- 2,195
- 17
- 63
- 140
0
votes
1 answer
Delete animations on vue-select?
I need to remove the completely default animation from vue-select.
How to do it? I tried to replace the styles from the box with my own, but I didn’t get the result..
Nina Abramova
- 1
- 1
0
votes
1 answer
VSelect in Vuetify shows empty comment in DOM instead of rendering
I have added vuetify to my project. The components like v-file-input or v-text-field works just fine. However, v-select doesn't show up. Instead, there is in the DOM.
http://prntscr.com/p9pmzk
Before adding vuetify I tried Vue-select, but I didn't…
Varvara Moiseenko
- 21
- 2
0
votes
1 answer
Put prismic fields in an array to be used in v-select :items prop for vuetify project?
I need to put some prismic fields into the :items prop of a v-select element but I haven't found a way to do this effectively. I'm not sure if I need to use different field types to accomplish this, but at this point I'm trying to render key text…
user5415090
0
votes
1 answer
How to use prismic group fields as items in a vuetify v-select element?
I created a field group (question_topics) in prismic with a single key-text field (topic) inside of it for adding as many topics as I need. I have been able to get the content on to my site successfully, but I don't know how I can get the field data…
user5415090
0
votes
1 answer
v-select validate not working in Internet Explorer 11
Good day, how can i make v-select validate work on IE 11?
i added require('es6-promise').polyfill(); on my vue script but till i encounter error Failed to generate render function.
…
Jydon Mah
- 383
- 1
- 9
- 29
0
votes
1 answer
v-select auto selection based on value not key
my v-select items looks like below
{
key: 'most_engaged',
value: 'Most engaged'
}, {
key: '',
value: 'Most recent'
}, {
key: 'desc',
value: 'Most positive'
}, {
key: 'asc',
…
jisna
- 2,225
- 2
- 16
- 23
0
votes
2 answers
Using v-select dropdown for default value
I have a dropdown using the v-select component and setting my options as "US" and "CANADA".
I want to set the default value (:value)to read off of customer.country_code, which is set to "US" in this case but it doesn't have the preloaded selection. …
cmcmnooe
- 59
- 1
- 1
- 5
0
votes
2 answers
Vue: Getting a default value for v-select
I have a list of cartItems and I'm generating a dropdown for each one. Each cartItem has a field called orig_quantity that I'm looking to set the default value of the drop down to. I tried doing :value="item.orig_quantity" but that doesn't seem to…
RohimL
- 157
- 1
- 3
- 13
0
votes
2 answers
How to get `id` value as option value and `cname` as option label when using `v-select` in vuejs?
I am trying to get id values as option value in VueJs when using v-select. Now, I am getting trouble to get the id value which will be selected. Would someone help me please to solve this problem?
My index.html file is -
Rashed Hasan
- 3,721
- 11
- 40
- 82
0
votes
1 answer
vue v-select in bootstrap table
The select component is shown bellow the table, instead of above.
How to fix? While keeping the table responsive. This problem is worse on mobile devices.
https://codepen.io/anon/pen/wXgbPr
Vue Select - Selecting Multiple…
user3599803
- 6,435
- 17
- 69
- 130
0
votes
0 answers
v-select (vuetify) cant show the seleted element
Im using Vuetify in my project. When I insert some data by v-select its working fine. Also when Im edit that data that also works. The only problem is I cant see the selected element when Im click on Edit.
Here is my code
Shakil Zaman
- 307
- 1
- 3
- 14
0
votes
1 answer
Using validateAll() with custom v-select tag in scope
I have a scenario where I have scoped a form so that I can validate it using Vee-Validate using below method.
validateTRForm: function (scope) {
this.$validator.validateAll(scope).then((result) => {
if (result) { }
Vue…
Dii
- 147
- 13
