Arbeid med select i Vue
Arbeid med select
utføres på samme måte - på taggen legges attributtet
v-model til, det bindes til en egenskap
i data-objektet. I denne egenskapen vil
teksten til den valgte option-taggen
komme.
Følgende kode demonstrerer et eksempel på arbeid med en nedtrekksliste:
data() {
return {
selected: 'value1', // standardverdi
}
}
<template>
<select v-model="selected">
<option>value1</option>
<option>value2</option>
<option>value3</option>
</select>
<p>{{ selected }}</p>
</template>
Spør brukeren med en select
i hvilken by de bor. Gjør slik at
den valgte byen vises i et avsnitt.
