Checkbox értékek tömbje Vue-ban
Tegyük fel, hogy van egy checkbox csoportunk.
Megtehetjük, hogy az összes kijelölt checkbox
value attribútumának értéke egy tömbbe gyűlik.
Ehhez a checkbox-ok v-model-jét
egy tömbhöz kell kötnünk. Csináljuk is ezt meg.
Definiáljunk egy tömb típusú tulajdonságot:
data() {
return {
arr: [],
}
}
Kössük ezt a tömböt a
checkbox csoporthoz:
<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>
Kérdezd meg a felhasználót néhány checkbox
segítségével, hogy milyen nyelveket ismer.
A kapott értékeket gyűjtsd egy tömbbe.
Az előző feladatban kapott nyelvek tömbjét
jelenítsd meg egy ul listában.
