Vue ရှိ checkbox တန်ဖိုးများ၏ Array

ကျွန်ုပ်တို့၌ checkbox အုပ်စုတစ်ခု checkbox ရှိသည်ဆိုပါစို့။ ရွေးထားသော checkbox များအားလုံး၏ value attributes တန်ဖိုးများ စုပေါင်းပြီး array တစ်ခုထဲသို့ ထည့်သွင်းနိုင်ပါသည်။ ထိုသို့ပြုလုပ်ရန် ထို checkbox များ၏ v-model ကို array တစ်ခုနှင့် bind လုပ်ပေးရမည်။ ယခု ပြုလုပ်ကြည့်ရအောင်။ Array ပါသည့် property တစ်ခု ကြေညာပါမည်။

data() {
	return {
		arr: [],
	}
}

ထို array ကို checkbox အုပ်စု checkbox နှင့် bind လုပ်ပါမည်။

<template>
	<input type="checkbox" v-model="arr" value="v1">
	<input type="checkbox" v-model="arr" value="v2">
	<input type="checkbox" v-model="arr" value="v3">
</template>

checkbox အချို့ကို အသုံးပြု၍ အသုံးပြုသူအား သူသိသော ဘာသာစကားများကို မေးမြန်းပါ။ ရရှိလာသော တန်ဖိုးများကို array ထဲသို့ ထည့်သွင်းပါ။

ယခင်ပုစ္ဆာမှ ရရှိလာသော ဘာသာစကားများ၏ array ကို ul list အဖြစ် ဖော်ပြပါ။