Vue'da Checkbox Değerlerinin Dizisi
Elimizde bir grup checkbox olduğunu varsayalım.
İşaretlenmiş tüm checkbox'ların value
özelliklerinin değerlerinin bir dizide toplanmasını sağlayabiliriz.
Bunun için bu checkbox'ların v-model'ine
bir dizi bağlamamız gerekir. Hadi bunu yapalım.
Bir dizi ile bir özellik tanımlayalım:
data() {
return {
arr: [],
}
}
Bu diziyi checkbox grubuna
bağlayalım:
<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>
Birkaç checkbox kullanarak kullanıcıya
hangi dilleri bildiğini sorun.
Elde edilen değerleri bir dizide toplayın.
Önceki görevde elde edilen diller dizisini
bir ul listesi olarak görüntüleyin.
