A native Vue.js component that provides similar functionality to Select2 without the overhead of jQuery. This tag relates to the package at https://www.npmjs.com/package/vue-select and should not be used for general questions about
Questions tagged [vue-select]
125 questions
2
votes
2 answers
VueJS - How can i use the response of API in vue-select
I want to use the response coming from the API in v-select. Here is a scenario i want to use the API call from component A to component B, rather than calling it again in the component B.
Component A:
methods: {
forVselect (id) {
…

Quantum
- 268
- 5
- 23
2
votes
1 answer
Vue-select set default value
i need to make the first element of array Options the default option, like this
But i get this:
My component code:

10k20
- 137
- 2
- 16
2
votes
2 answers
How to implement vue-select as a field in vue-formulate?
I'm trying to understand how I can integrate vue-select as a field in vue-formulate. I need a select field for ajax within it but I am having trouble reaching this result! Can anyone help me on how I should do this?

Marcos Ferreira
- 21
- 1
2
votes
0 answers
vue-select with flex-container
I'm trying to use v-select in admin panel in header (using CoreUI). I have a container with "display: flex"
https://codepen.io/kat15pl/pen/NWNZgQg

WEBCENTER
- 143
- 4
- 14
2
votes
2 answers
Validate vue-select with vee-validate
I'm new to VueJS.
I'm trying to validate vue-select using vee-validate.
I've tried to validate it manually but of course its not a good approach.
So, I tried to use vuelidate but couldn't get the desired result.
Now i'm trying to use vee-validate.…

Zeeshan Malik
- 627
- 1
- 14
- 31
2
votes
2 answers
sending drop-down value to parent
I have this form on my parent:
This is my Dropdown component using vue-select:…

EricTalv
- 1,000
- 1
- 13
- 26
2
votes
1 answer
Vue select with deep nested data
I'm trying to make a v-select according to instruction on official documentation but my data is more nested than it shown in documentation, i can not show in my v-select the llcName of my data, and i'm stuck with this.
This is my html div and Vue…

dmitriy_one
- 477
- 1
- 5
- 16
2
votes
1 answer
How to set prevent event in vue-select"
In my Laravel 5.8 / vuejs 2.6 app with "vue-select": "^2.6.4" I
set action when option is selected, but I have 2 problems with it:
1) Looks like Action is triggered on page opened
2) When I select option Action is triggered twice.
3) I tried to set…

Petro Gromovo
- 1,755
- 5
- 33
- 91
2
votes
1 answer
Unable to get VeeValidate 3.x working with a custom component using VueSelect
This is the code: https://codesandbox.io/s/veevalidate-with-vueselect-13g9d
I'm using a custom component because I want to override a couple of slots in VueSelect. I'm using the ValidationProvider but that doesn't seem to be working.
I've looked for…

abhim
- 1,126
- 1
- 9
- 19
2
votes
1 answer
onChange event is not working with `vue-select` npm package
I am working with vue-select@3.1.0.
Btw, when I select another option, how to hook the @change event?
Current codebase like this:
import vSelect…
user11869519
2
votes
0 answers
CSS: How to make Vue select option overflow not be included on the parent element's overflow
As you can see on this image, I used Vue-Select and Buefy Modal. What I want to happen is that if the select has so many options which would trigger an overflow (with a scroll) be outside of the parent's jurisdiction i.e you won't have to scroll…

The Bassman
- 2,241
- 5
- 26
- 38
2
votes
3 answers
Vue Select how to bind 1 property to v-model
I've put v-model in v-select but it returns the whole object
{{selected}}
…
Vue Select - Using v-model

Jiel
- 103
- 1
- 2
- 12
2
votes
2 answers
How can I set option value selected in v-select in vue.js 2?
I am trying to set option selected where option value is 1. But I am getting in trouble when using v-select from vuejs. This is how I am trying to do -

Rashed Hasan
- 3,721
- 11
- 40
- 82
2
votes
1 answer
Vue-Select: Getting object selected value through page via POST method
This is my reproduced code.
Vue.component('v-select', VueSelect.VueSelect);
var app = new Vue({
el: '#app',
data: {
lokasi_select: '',
lokasi_id: '',
lokasi_list: [{
id_Location: 'LOC0001',
nama_Location:…

Irfandy Jip
- 1,308
- 1
- 18
- 36
2
votes
1 answer
How to set value from bootstrap-vue-select control to be pre-selected on form load?
I'm using VueJS, or to be more precise Bootsrap-Vue (select form type).
In the template I have the following code: