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
0
votes
1 answer
how to display an array of objects where values are also an array
I am using vue-select and I am looking to display my select box like this:
label 1
item 1
item 2
item 3
item 4
label 2
item 1
item 2
item 3
item 4
etc.etc.
Expecting:
labels can't be selected and only items can be…
clusterBuddy
- 1,523
- 12
- 39
0
votes
2 answers
How to prevent Vue Select from highlighting the first option?
I'm using Vue Select as a typeahead component. It does an AJAX fetch to the server.
By default, it highlights the first option that comes back from the server:
Instead, I would like it to work just like the Google typeahead control in my browser.…
ccleve
- 15,239
- 27
- 91
- 157
0
votes
1 answer
Layout Issue of vue-select in Vue.js
When I test vue-select in POC project, it works well, see screen shot below:
However, when I use vue-select in my real project, it is disordered, see screen below, did any one have similar issue and how to fix it?
after @import…
user1456650
- 41
- 1
- 6
0
votes
2 answers
Don't show selected option in vue-select
I have an array "option" with some element inside. And have vue-select feature. I want to not to show selected option in all options list.
So, I want to delete "RU" option form that list if "RU" is selected. Are there any decisions?
My component…
10k20
- 137
- 2
- 16
0
votes
1 answer
Using object as Vue Select options
I know, Vue Select docs specify that options should be an array, but is there a way around it? I want to use object keys as values and object values as labels.
My data:
obj: {
value: 'en',
options: {
'ar': 'Arabic',
'ast':…
MeeraWeeks
- 83
- 9
0
votes
2 answers
Vuelidate check array has items on blur
I am using nuxt-vue-select to allow users to select multiple objects form an array locations and then I want to use Vuelidate to try and validate that at least one item in the array has been selected/set on blur however I can not get vuelidate do do…
Simon
- 653
- 3
- 14
- 25
0
votes
0 answers
Somthing when wrong. vue-select2 not working in vue2, How doit right?
Haixing-Hu/vue-select in version vue-select2 not working in vue2 and need some help... I do everything like the doc but nothing happends
this is my template code...
0
votes
1 answer
Vue paginated ajax based select
I have a rest end point which returns a list of countries. It takes the following query parameters:
searchQuery // optional search string
startFrom // the index in the list from where to return options
count // number of options to return
So a…
Vicky
- 16,679
- 54
- 139
- 232
0
votes
0 answers
Handling custom blur and focus events with vue-select
I’m having a small issue with some custom blur and focus behaviours, using the vue-select component.
I’m attempting to override the blur behaviour of the component, if a user clicks away and onto a specific, predefined target - for example, if the…
verism
- 1,106
- 1
- 12
- 35
0
votes
1 answer
How do you use vue-select reduce prop to reduce a value to an object
Can you use vue-select to reduce a value to an object with specific properties?
I am trying to do something like this:
Page Russell
- 1
- 1
- 1
0
votes
1 answer
Mixed Content on Vue-select Component
this is a bit of a weird one.
On my local development environment, this works perfectly, but once I go on a staging or live server - things don't go as smooth.
I am using the https://vue-select.org/ component for Vue.js to pull through options based…
Matt
- 484
- 6
- 19
0
votes
1 answer
Data can not be updated when using v-select multiple
I have the following problem : the selected values of my select box can't be updated. Nothing happens when I try to select or remove options.
This is the code that is causing me troubles :
Select nutritional properties:
…
Louis Charles
- 330
- 4
- 18
0
votes
0 answers
vue-select: selecting multiple options with same label
I have an options array with the same label but different value. But vue-select only allows one option to be selected.
was_777
- 599
- 1
- 9
- 28
0
votes
1 answer
vue-select, buefy CSS not working on production | NUXT.JS
I am using buefy autocomplete component with nuxt.js. I have imported the CSS file. and the CSS working properly on the localhost but on the live server is not working. I thought the problem may be with buefy but the same problem I am facing with…
Amir Ur Rehman
- 649
- 1
- 9
- 28
0
votes
1 answer
vue-select : Passing option slot from grandparent component in VueJs
I am using custom dropdown component 'vue-select', it has a slot option through which we can customize the options view as shown in this document -> https://vue-select.org/guide/slots.html
Similar thing I want to achieve it by passing a slot from…
was_777
- 599
- 1
- 9
- 28