Werken met select in Vue
Werken met select
verloopt op een vergelijkbare manier - aan de tag wordt een attribuut
v-model toegevoegd, dat wordt gekoppeld aan een eigenschap
van het data object. In deze eigenschap zal
de tekst van de geselecteerde option tag
worden opgeslagen.
De volgende code toont een voorbeeld van het werken met een dropdownlijst:
data() {
return {
selected: 'value1', // standaardwaarde
}
}
<template>
<select v-model="selected">
<option>value1</option>
<option>value2</option>
<option>value3</option>
</select>
<p>{{ selected }}</p>
</template>
Vraag de gebruiker met behulp van select
in welke stad hij woont. Zorg ervoor dat
de geselecteerde stad in een alinea wordt weergegeven.
