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 use vue-select with b-pagination?
I'm trying to work with pagination using the v-pagination component from bootstrap-vue. It's working more or less as I want, however when I click on a certain page the component is closing.
I would like to know how I can prevent v-select from…
The Apprentice
- 185
- 3
- 13
0
votes
0 answers
how to set selected value in v-select when first created
foucs on first selected value
I did set default v-select, but that component has many options with…
Haji
- 1
- 1
0
votes
1 answer
How to show only results with exact matched?
I'm using vue-select (https://vue-select.org/). By default it returns all results that includes the searching text. I only want to display results that starts with the entered text. Is there an option to change it?
For…
justyna
- 21
- 6
0
votes
2 answers
Sending data from vue-select to another object
I'm using vue-select to have a search with select in my vue application.
For example, when I click on an option in vue-select, it will be sent to me in another object and it will disappear after the selector.
How could I do that?
I did something…
KoulJak
- 105
- 8
0
votes
1 answer
How to return null instead of empty string when nothing selected for vue-select
I want to return null when nothing is selected instead of "". With the reduce function below it still returns "". Note that also if something is selected it needs to return the object but with ONLY the id field in it.
user9645
- 6,286
- 6
- 29
- 43
0
votes
1 answer
Vue Select Label not Working Properly with it being Searchable
I am using vue-select with the pagination and searchable options. When I click on the options without searching, the label prop (what the user sees) displays the correct text.
However, when I search, the label prop shows the value (that I am saving)…
Liz
- 1
- 1
0
votes
1 answer
Screen readers unable to read options of `vue-search-select`
I inherited a vuejs project. People using screen readers as assistive devices complain that their screen readers are unable to read the options in drop down menus that were made from vue-search-select. Here is how you can reproduce the…
John
- 32,403
- 80
- 251
- 422
0
votes
1 answer
How to make a toggle list vue-select?
I need to make sure that when you click on an already active option, it becomes deselect.
Ivan Glebov
- 3
- 1
- 2
0
votes
0 answers
Error while making a multiselect using vue-select
I am using vue-select in my project along with tabulator. I was able to fetch data from json file and view it. But when selecting the options i get an error saying " Component emitted event "option:selecting" but it is neither declared in the emits…
MissChibiChan
- 1
- 3
0
votes
1 answer
How do I assign/pass data in dynamically created row through a method - Vue.js
How do I update a field in a row that is being dynamically created in a table.
I am passing the data to v-select and I would like to use the same data that user has selected.
What i am trying to acheive
I am trying to search product.. I am using…
mightyteja
- 825
- 1
- 14
- 38
0
votes
0 answers
Vue js select fixed input height
I use this plugin https://www.npmjs.com/package/vue-select to select multiple values from a list.
Let's assume the following:
Vue.component("v-select", VueSelect.VueSelect);
new Vue({
el: "#app",
data: {
options: []
},
methods: {
…
John Anderton
- 331
- 4
- 14
0
votes
1 answer
vue-select v-model reduce not working / Nuxt js Vue js
I'm using vue-select.
When I want to display the selected element, it shows me the value and not the text (see the screen).
I saw on several reports (and on the documentation) that I could use reduce.
I also saw that I could add a ":key" props on…
Max
- 13
- 4
0
votes
0 answers
Safari form looses input focus when selecting from Vue Select
I'm having a tabindexing issue with Vue Select (https://vue-select.org/) in forms with Safari. I've created a simple form using Vue Select, and when I select an element from the list and then hit tab to the next element, with Safari (version…
Marco Mirandola
- 91
- 1
- 2
0
votes
1 answer
Custom wrapper component with props and v-model
I am using the vue-select library: https://github.com/desislavsd/vue-select in my app.
Since I am using a lot of them I just want to make a separate wrapper component, but now my selects don't work. Vue somehow doesn't recognize the props. How can…
user14543107
- 97
- 1
- 13
0
votes
1 answer
How to disable blur call on the active element from SwiperJS in onTouchStart handler?
Is it possible to disable this blur call on the active element from SwiperJS in the onTouchStart event handler?
Some background:
For touch and desktop devices I'm using swiper for forms on swiper-slides. Within a form I'm using vue-select (a…
iBiber
- 172
- 4