I have multiselect in vue component. when I select an item from that dropdown it should execute a method. but that method is calling in page load. but I want to call that method when I select an item from dropdown only. how to get it done.
<multiselect v-model="value" placeholder="Search Categories" @input="updateSelected" :allow-empty="false"
:options="categories" :taggable="true" :custom-label='categoriesWithTitle' track-by='id'
:show-labels="false">
</multiselect>
I guess you're using vue-multiselect
?
If it's the case, there is a @select
event -> Emitted after selecting an option
, this one should do the trick.
Here, your code is triggered on page load because you are probably having some dynamic value on your value
prop (@input >> "Emitted after this.value changes").