Vue-select: Default value set using v-model is not selected in the list

Created on 20 Apr 2020  路  3Comments  路  Source: sagalbot/vue-select

I am setting a default value with v-model but this value is not actually selected in the list when you open the dropdown:

https://codepen.io/MattWalters/pen/XWmjKpM

If I manually select the value then it works ok. But how I can I get the default value to show as selected?

Most helpful comment

The default you've provided is "selected" in both cases. Let me confirm the UX that you're looking for:

  • dropdown scrolls to the selected option when opening
  • the selected option has a blue background

All 3 comments

The default you've provided is "selected" in both cases. Let me confirm the UX that you're looking for:

  • dropdown scrolls to the selected option when opening
  • the selected option has a blue background

Hi, Yes - both of those!

I have the same issue and I can verify that the fix in the open pull request fixes my issue. Would be great to see that fix in an upcoming release.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

manjunath-coachthem picture manjunath-coachthem  路  3Comments

gilles6 picture gilles6  路  3Comments

pud1m picture pud1m  路  3Comments

FrozenIce0617 picture FrozenIce0617  路  3Comments

sagalbot picture sagalbot  路  4Comments