Checkbox-Werte-Array in Vue
Nehmen wir an, wir haben eine Gruppe von Checkboxen. Es ist möglich,
dass die Werte der value-Attribute
aller ausgewählten Checkboxen in einem Array gesammelt werden.
Dazu muss man an das v-model dieser Checkboxen
ein Array binden. Lassen Sie uns das umsetzen.
Deklarieren wir eine Eigenschaft mit einem Array:
data() {
return {
arr: [],
}
}
Binden wir dieses Array an die Gruppe
von Checkboxen:
<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>
Fragen Sie den Benutzer mit Hilfe mehrerer Checkboxen,
welche Sprachen er kennt.
Sammeln Sie die erhaltenen Werte in einem Array.
Geben Sie das im vorherigen Problem erhaltene
Array der Sprachen als ul-Liste aus.
