Array Nilai Checkbox di Vue
Misalkan kita memiliki sekelompok checkbox. Kita bisa
membuatnya sehingga nilai atribut value
dari semua checkbox yang dicentang disimpan ke dalam sebuah array.
Untuk melakukan ini, kita perlu mengikatkan array ke v-model
dari checkbox ini. Mari kita lakukan.
Deklarasikan properti dengan array:
data() {
return {
arr: [],
}
}
Ikat array ini ke kelompok
checkbox:
<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>
Dengan menggunakan beberapa checkbox, tanyakan
kepada pengguna bahasa apa yang mereka kuasai.
Simpan nilai yang diperoleh ke dalam sebuah array.
Tampilkan array bahasa yang diperoleh dari tugas sebelumnya
dalam bentuk daftar ul.