@eldenhard2

Как отобразить дефолтный атрибут в select в Vue2?

Понимаю, что v-model не дает отобразить дефолтное значение, но обойти не выходит, так как пользователю должны выводиться имя и фамилия, а на сервер должен отправляться id выбранного элемента

Находил ранее схожий вопрос, но он проблему решить не помог
<div class="filterStaff" style="width: 100% !important;">
                                    <div class='bg'>
                                        <select class='textarea' id="admin" name='Pwd' v-model="selectedAdminId">
                                            <option :value="admin.id"  selected="selected">{{ admin.first_name }}  {{ admin.last_name }}</option>
                                        </select>
                                        <br>
                                        <label for="admin" class='label'>Копия письма: кадровая служба</label>
                                    </div>
  • Вопрос задан
  • 150 просмотров
Решения вопроса 1
firedragon
@firedragon
Не джун-мидл-сеньор, а трус-балбес-бывалый.
https://v2.vuejs.org/v2/guide/forms.html

<select v-model="selected">
  <option v-for="option in options" v-bind:value="option.value">
    {{ option.text }}
  </option>
</select>
<span>Selected: {{ selected }}</span>


new Vue({
  el: '...',
  data: {
    selected: 'A',
    options: [
      { text: 'One', value: 'A' },
      { text: 'Two', value: 'B' },
      { text: 'Three', value: 'C' }
    ]
  }
})
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы