Arbeta med select i Vue
Arbetet med select
sker på liknande sätt - attributet
v-model sätts på taggen, och den bindes till en egenskap
i data-objektet. I denna egenskap kommer
texten från den valda option-taggen
att hamna.
Följande kod demonstrerar ett exempel på hur en rullgardinsmeny fungerar:
data() {
return {
selected: 'value1', // standardvärde
}
}
<template>
<select v-model="selected">
<option>value1</option>
<option>value2</option>
<option>value3</option>
</select>
<p>{{ selected }}</p>
</template>
Fråga användaren med hjälp av select
i vilken stad de bor. Gör så att den
valda staden skrivs ut i ett stycke.
