IgorBod
@IgorBod
Front-end Developer (Beginner)

Почему не работает свойство Selected Vue?

Почему не работает свойство selected у элемента Vue select option?

Код:
<label>
                  Категория
                  <select v-model="Category" id="categoryTop"
                          class="select_category">
                    <option value="Большие" selected>Большие</option>
                    <option
                        v-for="cat in categoryOptions"
                        :value="cat"
                    >{{ cat }}</option>
                  </select>
                </label>


В результате выводится все нормально, но input пустой, а нужно, чтобы первый элемент стоял по умолчанию.
Заметил, что Vue зачем-то ставит значение selected="selected" и это не работает, но если ручками в хроме дев тулзом поставить просто:
<option val="Пример" selected>Пример</option>
то все работает.
  • Вопрос задан
  • 41 просмотр
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
Потому что

v-model игнорирует начальное значение атрибутов value, checked или selected на любых элементах форм.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы