Renderização de select em loop no Vue
As tags option
também podem ser criadas
automaticamente com um loop, em vez de manualmente.
Veja o exemplo:
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
Crie um seletor (select) que permita escolher o nome de um dia da semana.
Задание 2
Crie três seletores (select) que permitam escolher o dia, o mês e o ano.
Задание 3
Modifique a tarefa anterior para que, por padrão, os seletores tenham a data atual selecionada.