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
7
votes
1 answer
Adding images to Vue Select dropdown?
I am using vue-select component as my dropdowns and giving it :options as the data to put in the dropdown. I am using it for a credit card dropdown right now and want to add the card type image in in each dropdown row. Is this possible?
RohimL
- 157
- 1
- 3
- 13
6
votes
1 answer
Triggering vue-select dropdown item selection in a unit test
Problem: can't trigger Vue-Select3 item dropdown selection programmatically in unit-tests.
I have tried with both vue-test-utils and @testing-library/vue as well as triggering a click event programmatically in a browser to force list item selection.…
Thomas Findlay
- 61
- 2
- 4
5
votes
1 answer
Styling selected value in Vue Select
I'm using vue select. In the dropdown, there are the labels (not only text). Is it possible to have also the label for the selected value?
Peter
- 655
- 1
- 14
- 37
5
votes
2 answers
Can I do a search in multiple fields using vue-select.
It's searching in the "label" field as default. But I want to do search in both of them (value, label). Any advice?
Vue.component('v-select', VueSelect.VueSelect);
new Vue({
el: '#app'
});
radeveloper
- 926
- 2
- 12
- 20
4
votes
2 answers
How to use an npm package component with Vite + Vue?
What would be the steps to add a component to Vite with Vue, as an npm package?
I assumed these:
npm install example
open src/App.vue and add import Example from 'example'
in App.vue, in , add
Henno
- 1,448
- 4
- 18
- 30
4
votes
2 answers
Vue 3 select component how to bind 2 attributes to 2 v-model
So lets say i have a data - news: {id:3, name:"book", author:'author'}.
And select with options: {id: 1, book: "book1"}, {id: 2, book: "book2"} .
Now i want to v-bind options with news.id and news.book
Is there a way of doing it or ready component…
APlusPeace
- 75
- 1
- 9
4
votes
2 answers
Vue select not highlight selected Item in Dropdown
I'm using vue-select. When I load the form, the item in the dropdown is not selected. When I open the dropdown, the first item is selected:
When i select an item, and the reopen the dropdown, the item is selected (as expected)
…
Peter
- 655
- 1
- 14
- 37
3
votes
1 answer
Vue3 and Vue-Select: How to emit child data to parent when using taggable prop?
I am using the Vue-Select library with Vue3. My objective is to let the user choose tags from an options list and also be able to create new tags if the tags do not exist in the options list.
This works fine in a child component, but I am having…
redshift
- 4,815
- 13
- 75
- 138
3
votes
1 answer
vue 3 typescript Uncaught (in promise) TypeError: this.$on is not a function
I have a fresh Vue 3 installed with vue-cli and typescript.
Everything running
but when I add a https://vue-select.org/ package
I get get this error on the browser console
Uncaught (in promise) TypeError: this.$on is not a function
at…
Rolly
- 3,205
- 3
- 26
- 35
3
votes
1 answer
VueSelect How to set initial value with object's property
I'm using VueSelect for address select.
There are 3 select components for country, state, city.
With using v-model, it's working well to get the specified value instead of option object by using reduce prop.
Here my problem is to not set default…
webdev778
- 51
- 1
- 8
3
votes
1 answer
Vue Select selected option
I'm working on a Customer Service ABM. For user search, i'm using Vue Select to filter and select the correct Customer... Vue Select get the customers list from my customers api, then i fetch data into vue select. THe user can filter to get the…
Guido Caffa
- 1,201
- 1
- 12
- 22
3
votes
3 answers
get vue-select value not working
I am trying to get the selected value from vue-select but have used all methods and searched for help but can this to work, I also having the alert triggered when the page loads
Vue.component('v-select', VueSelect.VueSelect)
new Vue({
el:…
Johan H.
- 157
- 3
- 14
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
Vue Select close dropdown programmatically
I use vue-select in my project
When I use value and input alternative v-model
SAWA Group
- 101
- 1
- 7
2
votes
1 answer
vue-select library set default value not working properly
This is the library that I'm using.
vue-select
And I have this kind of data
[
{ text: "AAA", value: 1 },
{ text: "BBB", value: 2 },
]
hanachan1026
- 335
- 3
- 18