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 වල තෝරාගත් පරිදි පෙර ගැටළුව වෙනස් කරන්න.