Tvorba select v cykle vo Vue
Tagy option
je možné vytvárať
nie manuálne, ale pomocou cyklu.
Pozrite si príklad:
App.vuedata() {
return {
selected: 'value1',
options: ['value1', 'value2', 'value3'],
}
}App.vue<template>
<select v-model="selected">
<option v-for="option in options">{{ option }}</option>
</select>
<p>{{ selected }}</p>
</template>
Задание 1
Vytvorte select, pomocou ktorého budete môcť vybrať názov dňa týždňa.
Задание 2
Vytvorte tri selecty, pomocou ktorých budete môcť vybrať deň, mesiac a rok.
Задание 3
Upravte predchádzajúcu úlohu tak, aby v selectoch bola štandardne zvolená aktuálny dátum.