How do set a default value in select option in element UI for Vue?

Question

I am working on a Vue app made with element UI and I have a bunch of el-select whose el-options need to have default values, meaning the form select fields already have one option pre-selected (of course the user can still choose other options). I cannot find any attribute in the official doc https://element.eleme.io/#/en-US/component/select#select But there should be a way to achieve this right?

This is my code

<el-form-item label="some label" prop="someprop">
    <el-select v-model="form.status" filterable clearable>
        <el-option
            v-for="(item, index) in config.status"
            :key="index"
            :label="item"
            :value="index"
            how to have default option here??
            >
        </el-option>
    </el-select>
</el-form-item>

Can you set the default value in your model's form.status field? — nemesv
– nemesv, Commented Dec 15, 2021 at 11:32
This question has already been answered: stackoverflow.com/questions/41122028/… — nucleaR
– nucleaR, Commented Dec 15, 2021 at 12:47
Does this answer your question? Set default value to option select menu — nucleaR
– nucleaR, Commented Dec 15, 2021 at 12:50

Raffobaffo · Accepted Answer · 2021-12-15 14:50:29Z

1

Just put in the form.status the indexes that should be pre-selected. Vue will take care of the rest.

data(){
   return {
      form: { status: ['thisWillBePreSelected'], },
   }
}

answered Dec 15, 2021 at 14:50

Raffobaffo

2,90611 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How do set a default value in select option in element UI for Vue?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related