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>
შექმენით select, რომლის საშუალებითაც შესაძლებელი იქნება კვირის დღის სახელის არჩევა.
შექმენით სამი select, რომელთა საშუალებითაც შესაძლებელი იქნება დღე, თვე და წლის არჩევა.
შეცვალეთ წინა ამოცანა ისე, რომ ნაგულისხმევად select-ებში მონიშნული იყოს მიმდინარე თარიღი.