150 questions
0
votes
0
answers
54
views
Can vue-multiselect be used without an additional hidden input?
Since v3.1.0, vue-multiselect has had the required prop which states:
Passes the Boolean value to the inbuilt input element
There is also the name prop:
Name attribute to match optional label ...
0
votes
0
answers
82
views
Vue component not rendering in production build
I have this Filter code in which @vueforms/multiselect component is used:
Filter.vue
<template>
<div id="testm"></div>
</template>
<script lang="ts">
...
- 632
0
votes
1
answer
188
views
Vue Multiselect not accessible for screen readers when it is disabled
I am using Vue and multiselect to have a dropdown of countries. Issue happens when the dropdown is prefilled with some value and is disabled. I have a requirement, that this value should still be ...
- 1
0
votes
1
answer
137
views
Data reactivity in Vuejs - issue with loading data from and to multiselect
I am using vue-multiselect and I would like to store and later load selected values using localStorage. Storing data is quite OK for me, but I struggle with loading data back into the select component....
- 873
2
votes
1
answer
136
views
vue3 multiselect noResult slot does not work
I want to change the vue multiselect's noResult message.
I coded that :
<template>
<div>
<multiselect class="selectmulti w-[600px]" searchable="true" v-model=&...
- 53
0
votes
1
answer
92
views
Vue multiselect component's label can't read nested property
I have a data structure like this:
Proxy(Array) {
0: { id: 1, machineries_ID: 2, machinery: { id: 2, en_name: 'Digital MRI', pa_name: 'ډیجیټل ام ار ای', model_no: '2022', company_id: 1, ... } },
1:...
- 31
0
votes
0
answers
119
views
Computed field inside a vue-multiselect v-model?
I am trying to build a multiselect component to nicely display tags in my app.
I receive an objectTags parameter form the parent component, but this field needs to be slightly refactored to be ...
0
votes
1
answer
308
views
Using Props to Set Initial Value of VueMultiselect inside a Modal in Vue3
I'm developing an app where I have a value from the parent file passed as a prop to the child file which is then used to set the default value of a VueMultiselect. It seems like I can access the prop ...
- 71
1
vote
0
answers
335
views
how can I validate vue 3 typescript multiselect field with zod?
Here is my multiselect component
<VField
id="unit_type_id"
v-slot="{ field }"
>
...
- 81
0
votes
1
answer
517
views
How to update the displayed available options in Vue Multiselect after searching
I have a vue multiselect with a custom search function. When I enter text to search, it updates the available options, but the available options displayed to the user don't change until they select ...
- 195
1
vote
1
answer
296
views
Emit value from vue-multiselect.js component to main view
I want to pass data from my MultiSelectFilter component to my Home.vue view.
When I use a console.log in the view I don't get any results.
I looked at the documentation on using the @input event (...
- 27
0
votes
1
answer
515
views
Why does the VueMultiselect is always open by default when using within HeadlessUI Dialog/modal
I am using the VueMultiselect within my Nuxt 3 application. I am using it within my Nuxt Headless UI Transition Dialog modal. When I open the modal the multiselect is open by default.
I have 2 of them ...
- 3,642
1
vote
2
answers
3k
views
Customize vue-multiselect options and label
By default, when we use vue-multiselect, the provided options only appear as it is in the selected labels. I want to customize this.
Support, I have this as the data,
options: [
{ code: 1002, text: '...
0
votes
1
answer
47
views
Useing VueJS Multiselect Plugin Need to reset the dropdown selection on form submit success
I am using Vue Js Multiselect plugin.
https://vue-multiselect.js.org/#sub-single-select
Using is for single search.
I need to reset the value which are selected in the dropdown once the form ...
- 2,143
1
vote
1
answer
699
views
I can't get slot templates to work with vue-multiselect 3.0.0 beta 1
I have tried the sample in the doc and tried updating to use Vue 3 slot options and it still doesn't work. Has anyone gotten this to work.
Using the way the docs show it. https://vue-multiselect.js....
- 23.9k
1
vote
1
answer
1k
views
vue-multiselect does not render
I am trying to render a simple vue-multiselect dropdown from a project. The code is copied from one of the simpler examples on the website https://vue-multiselect.js.org/#sub-single-select
The code ...
- 669
1
vote
1
answer
762
views
how to refresh Vue-Multiselect dropdown options?
I am new to vue js. I am using vue-multiselect plugin. I integrated the plugin in vue js with inertia js and laravel on the backend. When getting a response from the server side on search, the ...
- 116
0
votes
0
answers
217
views
Add a maxlength for the search input in vue-multiselect
I'm using vue-multiselect(V2.1.6) component for my project with nuxt 2 and Vue 2.6. Here created the component with asynchronous search which I need to search a word by typing. Furthermore, I need to ...
- 115
1
vote
1
answer
811
views
vue-multiselect dropdown not rendering on the UI
I am using vue-multiselect to display a multi select dropdown list on UI in vue js.
It is present in component section of vue extension by browser, CSS is also present in inspect element, but ...
- 11
1
vote
1
answer
2k
views
Vue-multiselect - Vue3 - Slots not working
I'm trying to recreate the following example from Vue-multiselect document in Vue 3 but I can't seem to make it work.
<multiselect
v-model="value"
:options="options"
:...
- 23
0
votes
1
answer
663
views
dropdown auto close when selected first, but the second select works properly vue-multiselect
i have problem when first select dropdow will close,
even though i have set close-on-select="false" the dropdown still hides after the first select, but since the next select it works ...
- 1
0
votes
0
answers
61
views
Get name from option list <multiselect>
I need to create several <multiselects>. In doing this I must identify the clicked list in some way with the purpose of passing this name to the method that makes push into the list.
By example, ...
- 117
1
vote
1
answer
1k
views
Limit text length in vue-Multiselect
I have used the 'Single Select' Object from the 'vue-MultiSelect' package for 'search select' in my project. The options I have in the select list are too lengthy (as they are site addresses/urls) and ...
- 275
1
vote
1
answer
2k
views
Possible/How to use a VueJS component multiple times but only execute its created/mounted function once?
I am trying to create a VueJS component that does the following: 1) download some data (a list of options) upon mounted/created; 2) display the downloaded data in Multiselct; 3) send selected data ...
- 561
0
votes
1
answer
131
views
Using Vue multiselect to change Algolia index
I currently have a page where I'm able to switch Algolia indices with this:
<template>
<button @click="selectedIndex = a">List A</button>
<button @click="...
- 1,741
3
votes
1
answer
3k
views
Is it possible to change Vue Multiselect selected value from outside the component?
I use vue.js (v2.6.14) and vue-multiselect (v2.1.6) in my app.
I have a problem with changing data inside multiselect component by clicking on sibling element input[type='checkbox'].
components: {
...
0
votes
0
answers
513
views
Question about performance when searching with Vue Multiselect asynchronously
With for example a Vue Multiselect you can search through lots of data (for example users) asynchronously.
But is this performance technically the best? Because every time you change the search field ...
- 81
0
votes
0
answers
1k
views
How to prevent option to be deselected when pressed key enter in vue multiselect?
I have a component that uses Multiselect from @vueform/multiselect. The problem is when the user selects an option and the tag is created, if enter is pressed it will deselect that option. How am I ...
-1
votes
1
answer
729
views
vue multiselect filter(get select$)
This is component and API
https://github.com/vueform/multiselect
Event
Attributes
Description
@search-change
query, select$
Emitted after a character is typed.
i need to get select$.filteredOptions
...
1
vote
1
answer
6k
views
how use VueMultiselect whit Vue 3
I'm trying to use the vue multiselect component but when I call the component in the template I get a series of warnings and at
JS
<script src="https://unpkg.com/[email protected]">...
1
vote
0
answers
47
views
Searchable Vue-Multiselect inside x-template script tag
I'm working with php and vue trying to insert a vue-multiselect inside an x-template script tag sort of like below. I just want to know how one inserts an imported vue component inside an x-template ...
- 43
0
votes
1
answer
151
views
How can I sent v-modal as array for Axios params?
I have a Vue Multiselect instance that's working properly, but my v-model is an array (since multiple options can be selected). The issue is that I want to call a route within the loadExtraOptions ...
- 5,125
3
votes
3
answers
5k
views
Vue-Multiselect Multiple Select Able To Reselect Selected Item
Using Vue-Multiselect library with multiple selections enabled, is it possible to reselect the selected item/s? Let's say there are two options Product 1 and Product 2:
options: [
{ name: 'Product ...
- 377
0
votes
1
answer
3k
views
How to disable or hide Tags using Vueform/multiselect librabry?
I've got the following code and it's working fine. When I click in the search bar a dropdown shows up and when I select an option, the tag is displayed in the search bar. I'd like to hide or disable ...
- 697
0
votes
1
answer
406
views
How can I show data names field in vue-multiselect plugin in edit page?
I have a vue laravel SPA, and was working on the edit page of employees page. I already have create employees page and can display data on the vue-multiselect plugin (https://vue-multiselect.js.org/). ...
- 21
1
vote
1
answer
3k
views
How to get selected option text in vue form multiselect?
Currently i'm working with vue-form multiselect( https://www.npmjs.com/package/@vueform/multiselect) which is a vue select component. In this select box i need both item id and item text, but in ...
- 686
0
votes
1
answer
2k
views
Vue JS get Json object list with axios
I need to access this Json object
"savings": {
"1": {
"id": 111,
"name": "savings A"
},
"2": ...
1
vote
0
answers
409
views
Vue-Multiselect - Set value to an attribute of the object instead of the entire object
I am using vue-multiselect with an array of objects which is working just fine. However, I need to pull the ID from the object to use in order for the API to accept the format.
For example, I can ...
- 5,937
1
vote
0
answers
694
views
change event triggering continuously in vue-multi-select
I have a multiselect dropdown in vuejs below:
<h4>Symptoms</h4>
<div class="select">
<multi-select
search
v-model="...
- 427
0
votes
1
answer
894
views
Vue-multiselect update field using AJAX
Here is my Vue multiselect component:
<multiselect v-model="selectedcategoryitem"
:options="options"
...
- 11
7
votes
1
answer
1k
views
FIltering results based on several Multiselect boxes, vue
I have a vue component where I'm currently successfully showing results from a data object, and I've also successfully created several multiselect boxes. My issue is filtering.
I know how I can set a ...
- 5,125
0
votes
0
answers
146
views
Data from API call doesn't reach 1st time in Vue.js
I have a getState() API call when I select city. getState API has request params .i.e cityId. But there is some error on the 1st call. 1st call data show on 2nd call. 2nd call data shows on 3rd call. ...
- 33
2
votes
2
answers
3k
views
Vue-multiselect prevent selecting any items when using Single select (object)
I'm using Vue-multiselect 2.1.4
It works like a charm when I use single select with array options. But in case of using single select with array of objects, all items are green and they are not ...
- 71
1
vote
1
answer
490
views
How to get 2 selected drop-down option in one tag in vue js [closed]
Please help me with this.I'm stuck from an hours. I have 2 fields 1st one is language drop-down and 2nd one is language level. When I select one of the Language and one of the language level. Then ...
- 33
1
vote
1
answer
3k
views
Vue MultiSelect's Custom Label not working?
I have 2 MultiSelect dropdowns - one with a 'Single' mode and one with 'Tags' mode. I'd like to display a custom label on both, which contains two properties from the options, but that doesn't seem to ...
user13254694
2
votes
2
answers
3k
views
vue-multiselect styles working in dev but not in prod
I have added <style src="vue-multiselect/dist/vue-multiselect.min.css"> to my vue component, its styles working when running npm run dev but not when running npm run prod. How to fix ...
- 1,793
2
votes
2
answers
4k
views
Vue multiselect template slot clear does not work
i copied the code from async part of the documentation, because that's the 'X' to remove value i want.
here is my general component that i use in other vue components
<template>
<div>
...
- 596
0
votes
1
answer
304
views
vue multiselect - cannot clear or edit data saved from local storage
I have stored the multiple selected values into the local storage to persist data just in case if the user refreshes the page.
Now when I retrieve and populate the multiselect. I can no longer edit or ...
1
vote
1
answer
1k
views
Vue, mapping only the value of options to v-model
I have a vue-multiselect instance that I'm trying to map in a way where I can take the value from the 'contact_data' index of the array I'm passing into the options and store it into an array without ...
- 5,125
0
votes
1
answer
782
views
Properly tracking options in vue-multiselect
I'm currently using an axios call to preform an auto-complete with Vue-multiselect. I'm now getting my data back from the query and can see it when dumping it in the console, but I'm still not ...
- 5,125