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>

একটি সিলেক্ট তৈরি করুন যার সাহায্যে সপ্তাহের দিনের নাম নির্বাচন করা যাবে।

তিনটি সিলেক্ট তৈরি করুন যার সাহায্যে দিন, মাস এবং বছর নির্বাচন করা যাবে।

পূর্ববর্তী কাজটি এমনভাবে পরিবর্তন করুন, যাতে ডিফল্টরূপে সিলেক্টগুলিতে বর্তমান তারিখ নির্বাচিত থাকে।