vue-next-select element not selecting value on selection

import VueSelect from 'vue-next-select';
const app = createApp({})
app.component('vue-select', VueSelect)

 <vue-select v-model="tankno" :options="tanks1" searchable @input="tankno = $event.target.value" close-on-select label-by="tankno" class="text-left h-10 sinput" search-placeholder=" Search Tank No" placeholder="Select Tank No"  track-by="tankno"></vue-select>

When I submit form, vue-select not selecting value but only get on search input

Sergiu17

3 years ago

Level 60

v-model="tankno"
@input="form.tankno = $event.target.value"

first, its tankno ? or form.tankno?

second, either use v-model or @input and should work

muazzamazaz

3 years ago

Level 2

@Sergiu17 edited, only tankno, I have tried @input="tankno = $event.target.value" but still its not getting value on select but on search input

muazzamazaz

3 years ago

Level 2

@Sergiu17 if I remove v-model then nothing show in controller so I have to use both

Sergiu17

3 years ago

Level 60

@muazzamazaz https://codesandbox.io/s/github/iendeavor/vue-next-select/tree/develop/examples did you try with v-model only? I can see it's working on the examples from the link above. or do you have console errors maybe?

Please or to participate in this conversation.