Select létrehozása ciklusban Vue-ban
A option
címkék
nem csak manuálisan, hanem ciklus segítségével is létrehozhatók.
Nézze meg a példát:
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>
Készítsen egy select-et, amellyel a hét napjainak a neve választható ki.
Készítsen három select-et, amellyel kiválasztható a nap, a hónap és az év.
Módosítsa az előző feladatot úgy, hogy alapértelmezetten a select-ekben az aktuális dátum legyen kiválasztva.