Vue выбрать не выделить выделенный элемент в раскрывающемся списке

Question

Я использую vue -выбрать. Когда я загружаю форму, элемент в раскрывающемся списке не выбран. Когда я открываю раскрывающийся список, выбирается первый элемент:

Когда я выбираю элемент и снова открываю раскрывающийся список, элемент выбирается ( как и ожидалось)

                    <div class="col-lg-6">
                        <div class="form-group row">
                            <label for="customer" class="col-sm-2 col-form-label">Kunde</label>
                            <div class="col-sm-10">
                                <v-select :options="customers" :reduce="name => name.id"  v-model="form.customer_id" id="customer" label="name" placeholder="Kunde" :class="$vSelectStyle($v.form.customer_id)"></v-select>

                                <template v-if="$v.form.customer_id.$error" >
                                    <p class="text-danger" v-if="!$v.form.customer_id.required">
                                        Name ist erforderlich!
                                    </p>
                                </template>
                            </div>
                        </div>
                    </div>

Что мне нужно сделать, чтобы элемент был выбран в первый раз?

Answer 1

Вы можете добавить v-model="someVar" и установить для него значение по умолчанию по вашему выбору, если это то, что вы ищете. Проверьте ссылку для справки.