Checkbox-arvot taulukkona Vue:ssä
Oletetaan, että meillä on ryhmä checkbox-kenttiä.
Voimme tehdä niin, että kaikkien valittujen checkboxien
value-attribuuttien arvot kerätään taulukkoon.
Tätä varten meidän on sidottava v-model näihin
checkbox-kenttiin taulukkoon. Tehdään se.
Esitelään ominaisuus taulukolla:
data() {
return {
arr: [],
}
}
Sidotaan tämä taulukko checkbox-ryhmään:
<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>
Kysy useilla checkbox-kentillä
käyttäjältä, mitä kieliä hän osaa.
Kerää saadut arvot taulukkoon.
Tulosta edellisessä tehtävässä saatu
kielten taulukko ul-listana.
