Δημιουργία select σε βρόχο στο Vue
Οι ετικέτες 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>
Δημιουργήστε ένα select, με το οποίο θα μπορείτε να επιλέξετε την ονομασία της ημέρας της εβδομάδας.
Δημιουργήστε τρία select, με τα οποία θα μπορείτε να επιλέξετε ημέρα, μήνα και έτος.
Τροποποιήστε την προηγούμενη εργασία έτσι, ώστε από προεπιλογή στα select να είναι επιλεγμένη η τρέχουσα ημερομηνία.