Arbejde med select i Vue
Arbejde med select
foregår på samme måde - på tagget placeres en attribut
v-model, som binder til en egenskab
i data-objektet. I denne egenskab vil
teksten fra det valgte option-tag
blive lagt.
Følgende kode demonstrerer et eksempel på arbejde med en rulleliste:
data() {
return {
selected: 'value1', // standardværdi
}
}
<template>
<select v-model="selected">
<option>value1</option>
<option>value2</option>
<option>value3</option>
</select>
<p>{{ selected }}</p>
</template>
Spørg brugeren med hjælp af select
i hvilken by de bor. Gør sådan, at den
valgte by vises i et afsnit.
