Array van checkbox waarden in Vue
Stel we hebben een groep checkboxes. Het is mogelijk
om te maken dat de waarde van de value attributen
van alle aangevinkte checkboxes in een array worden geplaatst.
Hiervoor moet je aan de v-model van deze checkboxes
een array binden. Laten we dit doen.
Laten we een eigenschap met een array declareren:
data() {
return {
arr: [],
}
}
Laten we deze array binden aan de groep
checkboxes:
<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>
Gebruik meerdere checkboxes om de gebruiker te vragen
welke talen hij kent.
Plaats de verkregen waarden in een array.
Toon de array van talen verkregen in de vorige opgave
als een ul lijst.