Arbeit mit select in Vue
Die Arbeit mit select
erfolgt analog - an das Tag wird das Attribut
v-model gebunden, das mit einer Eigenschaft
des data-Objekts verknüpft ist. In diese Eigenschaft wird
der Text des ausgewählten option-Tags
gelangen.
Der folgende Code demonstriert ein Beispiel für die Arbeit einer Dropdown-Liste:
data() {
return {
selected: 'value1', // Standardwert
}
}
<template>
<select v-model="selected">
<option>value1</option>
<option>value2</option>
<option>value3</option>
</select>
<p>{{ selected }}</p>
</template>
Fragen Sie den Benutzer mit Hilfe von select
in welcher Stadt er lebt. Sorgen Sie dafür, dass
die gewählte Stadt in einem Absatz ausgegeben wird.
