Vueでのループを使用したselectの形成
optionタグは、
手動で作成する代わりに、
ループを使用して作成することもできます。
以下の例を参照してください:
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>
曜日を選択できる セレクトボックスを作成してください。
日、月、年を選択できる 3つのセレクトボックスを作成してください。
前のタスクを修正して、 セレクトボックスにデフォルトで 現在の日付が選択されるようにしてください。