Opprette select i en loop i Vue
Taggene option
kan også opprettes
ikke manuelt, men ved hjelp av en loop.
Se eksempelet:
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>
Lag en select, som kan brukes til å velge navnet på en ukedag.
Lag tre select-er, som kan brukes til å velge dag, måned og år.
Modifiser den forrige oppgaven slik at select-ene som standard har dagens dato valgt.