Array av checkbox-värden i Vue
Låt oss säga att vi har en grupp checkbox. Det är möjligt
att göra så att värdet från value-attributen
för alla markerade checkboxar samlas i en array.
För att göra detta behöver du binda en array till v-model
för dessa checkbox.
Låt oss göra det.
Deklarera en egenskap med en array:
data() {
return {
arr: [],
}
}
Låt oss binda denna array till gruppen av
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>
Använd flera checkbox för att fråga
användaren vilka språk hen kan.
Samla de erhållna värdena i en array.
Visa arrayen av språk från den föregående uppgiften
i form av en ul-lista.