Die vorming van 'n select in 'n lus in Vue
Die option-tags
kan ook geskep word
nie met die hand nie, maar met behulp van 'n lus.
Kyk na die voorbeeld:
data() {
return {
selected: 'value1',
options: ['value1', 'value2', 'value3'],
}
}
<template>
<select v-model="selected">
<option v-for="option in options">{{ option }}</option>
</select>
<p>{{ selected }}</p>
</template>
Maak 'n keuseskep (select) waarmee die naam van 'n dag van die week gekies kan word.
Maak drie keuseskep (selects) waarmee die dag, maand en jaar gekies kan word.
Wysig die vorige taak sodat die huidige datum standaard in die keuseskep (selects) gekies is.