Vue'da Döngü İçinde Select Oluşturma
option etiketleri
manuel olarak değil, bir döngü yardımıyla da
oluşturulabilir.
Örneğe bakın:
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>
Haftanın gününü seçebileceğiniz bir select kutusu yapın.
Gün, ay ve yılı seçebileceğiniz üç select kutusu yapın.
Önceki görevi, select kutularında varsayılan olarak mevcut tarihin seçili olacağı şekilde değiştirin.