Vue-ում select-ի ձևավորում ցիկլում
option
պիտակները կարելի է նաև ստեղծել
ոչ ձեռքով, այլ օգտագործելով ցիկլ:
Տեսեք օրինակը.
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
Ստեղծեք select, որի օգնությամբ կարելի կլինի ընտրել շաբաթվա օրվա անվանումը:
Задание 2
Ստեղծեք երեք select, որոնց օգնությամբ կարելի կլինի ընտրել օր, ամիս և տարի:
Задание 3
Փոփոխեք նախորդ առաջադրանքն այնպես, որ լռելյայնորեն select-ներում ընտրված լինի ընթացիկ ամսաթիվը: