Работа с селектами в Vue
Работа с селектами осуществляется
аналогично - на тег селект вешается атрибут
v-model, к нему привязывается свойство
объекта data. В это свойство будет
попадать текст выбранного тега option.
Следующий код демонстрирует пример работы селекта:
data() {
return {
selected: 'value1', // значение по умолчанию
}
}
<template>
<select v-model="selected">
<option>value1</option>
<option>value2</option>
<option>value3</option>
</select>
<p>{{ selected }}</p>
</template>
Спросите у пользователя с помощью селекта в каком городе он живет. Сделайте так, чтобы выбранный город вывелся в абзаце под селектом.