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
1
vote
1 answer
How to use vue-select with cypress
Using cypress in @vue/cli 4.0.5 app I faced a problem how to fill vue-select component
Searching in net I found this
How to find element and select by cypress.io with vue.js v-select?
branch, but the way proposed here does not work.
Having…
mstdmstd
- 2,195
- 17
- 63
- 140
1
vote
2 answers
Compilation failing while using vue-select
I am trying to create a simple vueJs project, and compile it with thethe help of webpack/babel. However upon running npm run dev to compile the project and start the vue server, I am getting that compilation of the Select.vue template has failed(the…
DHRUV KAUSHAL
- 127
- 10
1
vote
1 answer
Globally register component in VueJs with custom Style
I want to include Vue-Select at a VueJs project.
I am implementing a WebPack configuration that exports a vendors.js file and a page.js for every page I have in this project.
Now Vue-Select is highly parametrizable and I want to keep these settings…
Menelaos Vergis
- 3,715
- 5
- 30
- 46
1
vote
1 answer
How to limit the input length on a v-select element?
I use the Vue-select feature on my project, and in a v-select element I want to set up a maximum input length (45 characters), but I'm failing to do so. I managed to treat this on the back-end, but I'd like to prevent the user from inputing more…
GilbertoVGL
- 48
- 1
- 6
1
vote
1 answer
how to add a condition like a greater than equal to in filter search in vue js
Hi every one i am going to build a real-estate application
i want to add a condition in Bedrooms filter function like a "greater than equal "
Eg:- if i select 2 on Bedroom list i want to filter greater than equal 2 Bedrooms properties
How can i do…
Shamsheer Tp
- 27
- 10
1
vote
1 answer
How to only allow scrolling with scroll-bar
I am trying to only allow people to scroll through a drop-down list using the scroll-bar and prevent them from scrolling, by hovering over the entry at the top of the list.
You can see an example of a drop down list, which allows people to scroll…
Josh Gomes
- 193
- 4
- 16
1
vote
2 answers
Binding Object to Vue multi-select
I have a table with two columns(Location and Users). The location is static information but the users is a multi-select using Vue-Select.
I need to shows users currently selected for a location on page load. I grab that information from a database.…
bfj5889
- 31
- 12
1
vote
2 answers
Vue select slot scope is undefined
I've been debugging for 8 hours trying to find out why this vue-select code is not working, but still no luck. when I run it, it show an error "option is undefined". I'm using npm to install vue-select plugin into my project. I put the following…
mana
- 1,075
- 1
- 24
- 43
1
vote
0 answers
Vue Select or Vue multiselect, how to set default value and have it clickable
At the moment I only see the placeholder solution.
I need an option thats already set and visible in the select.
Miso
- 49
- 7
1
vote
0 answers
How to easily handle forms with vue?
I have few forms in my SPA, all are submitted via ajax.
This is the pattern I use:
and submit() will do something like $(form).serialize, to send the form data.
Usually it works fine, but have a problem -…
user3599803
- 6,435
- 17
- 69
- 130
1
vote
1 answer
vue select component - set defaults props?
I use this vue-multiselect plugin: https://vue-multiselect.js.org/
Since I'm going to use it many times, I want to set some defaults props.
For example I want the selectLabel prop to be an empty string, and maybe to sets some s.
In a typical…
user3599803
- 6,435
- 17
- 69
- 130
1
vote
2 answers
How to differentiate between user input and data change with vue-select
I'm using vue-select in my app and am trying to prevent an event handler from firing when the default values are first loaded into the vue-select input.
The component looks like this:
flyingL123
- 7,686
- 11
- 66
- 135
1
vote
1 answer
How can i make a click event on v-select?
I am using vue-select and I wanna make a click event when i select a item from the select list. I tried with @change="changedValue" @selected="changedLabel" but that does not works for me.
Vue select
Reo93
- 209
- 1
- 5
- 16
1
vote
3 answers
How to limit selected items in vue-select?
I use vue-select for multiple values.
Here is an example: https://codepen.io/sagalbot/pen/opMGro
I have the following code:
Jarvis
- 384
- 2
- 6
- 18
1
vote
2 answers
Retrieve data variables in options properties in Vue.js / Vue-select
i need some help with vue.
Is it possible to call data variables in options properties? For example in "price" property I would like to call data variable "tax".
And how to return a single options property in a function, in my case function is…
unforgiven
- 145
- 1
- 2
- 12