Select vormen in een lus in Vue
De tags option
kunnen ook worden gemaakt
niet handmatig, maar met behulp van een lus.
Zie het 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 een selectie waarmee je de naam van een dag van de week kunt kiezen.
Maak drie selecties waarmee je de dag, maand en jaar kunt kiezen.
Wijzig de vorige taak zo dat standaard in de selecties de huidige datum is geselecteerd.