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>, то все работает.
  • Вопрос задан
  • 560 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
Потому что

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

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

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