Selectin muodostaminen silmukassa Vue:ssa
Tägejä option
voidaan myös luoda
ei manuaalisesti, vaan silmukan avulla.
Katso esimerkki:
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>
Tee select, jonka avulla voidaan valita viikonpäivän nimi.
Tee kolme selectiä, joiden avulla voidaan valita päivä, kuukausi ja vuosi.
Muokkaa edellistä tehtävää siten, että oletusarvoisesti selecteissä on valittuna nykyinen päivämäärä.
