Vue တွင် Array များကို ခင်းကျင်းစဉ်အတွင်း key များရယူခြင်း

တစ်ခါတစ်ရံ array ၏ element များအပြင်၊ key များကိုလည်း ရယူလိုပါသည်။ ယင်းအတွက် အောက်ပါ ချဲ့ထွင်ထားသော syntax ကို အသုံးပြုသည်။

<template>
	<p v-for="(elem, key) in arr">
		 {{ key }} {{ elem }}
	</p>
</template>

ထုတ်ပြသည့်အခါ key များနှင့် လုပ်ဆောင်ချက်အမျိုးမျိုး လုပ်ဆောင်နိုင်သည်။ ဥပမာအားဖြင့်၊ နံပါတ်များကို တစ်မှ စတင်အောင် ပြုလုပ်ကြည့်ရအောင်။

<template>
	<p v-for="(elem, key) in arr">
		 {{ key + 1 }} {{ elem }}
	</p>
</template>

အောက်ပါ array ကို ပေးထားသည်။

data() {
	return {
		arr: ['x', 'y', 'z'],
	}
}

ဤ array ၏ key များကို ul list အဖြစ် ထုတ်ပြပါ။