Práca s select vo Vue
Práca s select
prebieha analogicky - na prvok sa pridá atribút
v-model, ktorý je naviazaný na vlastnosť
objektu data. Do tejto vlastnosti bude
ukladať text vybraného prvku option.
Nasledujúci kód demonštruje príklad práce rozbaľovacieho zoznamu:
data() {
return {
selected: 'value1', // predvolená hodnota
}
}
<template>
<select v-model="selected">
<option>value1</option>
<option>value2</option>
<option>value3</option>
</select>
<p>{{ selected }}</p>
</template>
Opýtajte sa používateľa pomocou select
v ktorom meste žije. Urobte to tak, aby
vybrané mesto bolo vypísané do odseku.