Работа с 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
в кой град живее. Направете така, че
избраният град да се изведе в параграф.
