0

foucs on first selected value

<v-select 
        v-model="select_value"
        :options="options"
        :reduce="val => val.id" 
        label="title"
        item-text="id">

I did set default v-select, but that component has many options with scoll.

When I open v-select, I want it to have focus to the default value.

but it doesn't work like select component.

is it v-select bug?

Muge
  • 335
  • 1
  • 9
Haji
  • 1
  • 1
  • It seems like you're using the "vue-select" package and not Vuetify's "v-select" element. I think the prop `item-text` is for Vuetify and `reduce` is in vue-select do the same thing but they are from different libraries, so you can't use them on the same element. – Muge Dec 17 '21 at 11:42
  • Honestly the highlight selection feature is not consistent and IMO not worth hacking. If you use v-select to change the input, then the highlight is visible when you open the dropdown again. But if you hover over another option and close the dropdown, when you reopen it the last hovered item is highlighted instead of the option selected. – Muge Dec 17 '21 at 12:28
  • @Muge i wonder, before select focus on default value – Haji Dec 21 '21 at 06:49
  • i used vue-select package, it call shot name v-select – Haji Dec 21 '21 at 06:50

0 Answers0