Vue တွင် လှည့်ပတ်၍ select ဖွဲ့စည်းခြင်း

option tags များကို လက်ဖြင့်မဟုတ်ဘဲ loop တစ်ခုကို အသုံးပြု၍လည်း ဖန်တီးနိုင်ပါသည်။ ဥပမာကို ကြည့်ပါ:

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 များတွင် လက်ရှိ ရက်စွဲ ရွေးထားရန် ဖြစ်ပါသည်။