Vue-select: how i can set default value in vue2

Created on 2 Dec 2017  路  7Comments  路  Source: sagalbot/vue-select

hi i need set default value from list .
i set manually object in selected data but not selected by default

 data() {
        return {
           selected: { value: 48, label: '234' },
        }
    },
support

Most helpful comment

@orangeShadow if you're using v-model it's pretty simple:

<v-select v-model="selected"></v-select>
data: {
   selected: { value: 'some value', label: 'some label' }
}

The value will be selected in the select.

All 7 comments

Here's a basic example:

http://jsbin.com/saxaru/8/edit?html,js,output

ok . i need after load component by default selected bar

how i can ?

this not work

Any idea ? how to set default value on initialization ? May be you can add option default or selected ?

@orangeShadow if you're using v-model it's pretty simple:

<v-select v-model="selected"></v-select>
data: {
   selected: { value: 'some value', label: 'some label' }
}

The value will be selected in the select.

Thank you, I am stupid man, I initialize default value in mounted method, but when I change initialization into created, it's work

@orangeShadow it happens to the best of us!

Was this page helpful?
0 / 5 - 0 ratings

Related issues

FrancescoMussi picture FrancescoMussi  路  3Comments

FrozenIce0617 picture FrozenIce0617  路  3Comments

edalzell picture edalzell  路  3Comments

davidalvarezr picture davidalvarezr  路  3Comments

fabianmieller picture fabianmieller  路  3Comments