Работа с select в Vue
Работа с select
осуществляется аналогично - на тег вешается атрибут
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>
Спросите у пользователя с помощью select
в каком городе он живет. Сделайте так, чтобы
выбранный город вывелся в абзац.
