@input event do not work

[SchmidtDawid]

• Vue Version: ^3.2.13
• Vue Select Version: 4.0.0-beta.

Describe the bug input event does not fire after option is selected

<v-select
  v-model="device.configuration.deviceConfig.actionConfigSource"
  :options="fileList"
  :reduce="(option) => option.value"
  @input="onFileChange"
/>

[nowaysgit]

• @input and :value don't work...( If you set :value nothing happens after the change

You can try @option:selected="onFileChange" fuction onFileChange(val) {}

[mkalantar]

read here #1597

value renamed to modelValue to match the Vue 3 v-model syntax
@input event renamed to update:modelValue

[sagalbot]

Thanks for providing that info @mkalantar!

[LizAinslie]

It'd be really nice to have this documented somewhere. I struggled for two hours thinking this was an issue with my own code and then I found this issue and after renaming the event & prop, everything works. I'm sure this isn't the first time this has happened either, given this issue was opened on April 2nd; It'd be nice to not have such headaches :)

[coleman-benjamin]

Bumping this thread, having this documented would also have saved me a couple of hours of headache!

[LizAinslie]

Been a few months, so I'm bumping this again since it's fresh, though only to save others' headaches. Since I've already implemented my own solution, it's not of much use to me personally. However, I can imagine having documentation of such an unusual deviation from the norm would surely benefit countless others

[miksony]

I was able to find solution with using

<v-select
:options="options"
:model-value="value"
@option:selected="(selected) => { value = selected; }"
>
</v-select>

[marbled-ky-pnt]

I was able to find solution with using

<v-select
:options="options"
:model-value="value"
@option:selected="(selected) => { value = selected; }"
>
</v-select>

It's working for Vue3 . thanks so much !!

[Crovitche-1623]

This change should be also changed in the documentation https://vue-select.org/api/events.html#input.

[adamreisnz]

Can't believe this still hasn't been updated in the docs two years later? It's a pretty critical breaking change going from Vue 2 to Vue 3.