Array Nilai checkbox dalam Vue
Katakan kita mempunyai sekumpulan checkbox. Kita boleh
menjadikan nilai atribut value
semua kotak semak yang ditandai dimasukkan ke dalam array.
Untuk melakukan ini, kita perlu mengikat v-model bagi checkbox ini
kepada sebuah array. Mari kita lakukannya.
Isytiharkan sifat dengan array:
data() {
return {
arr: [],
}
}
Ikat array ini kepada kumpulan
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, tanya
pengguna bahasa mana yang dia tahu.
Masukkan nilai yang diperoleh ke dalam array.
Paparkan array bahasa yang diperoleh dalam tugas sebelumnya
dalam bentuk senarai ul.