Array di valori checkbox in Vue
Supponiamo di avere un gruppo di checkbox. È possibile
fare in modo che i valori degli attributi value
di tutte le checkbox selezionate vengano raccolti in un array.
Per fare ciò, è necessario collegare un array al v-model
di queste checkbox.
Facciamolo.
Dichiariamo una proprietà con un array:
data() {
return {
arr: [],
}
}
Colleghiamo questo array al gruppo di
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>
Utilizzando diverse checkbox, chiedi
all'utente quali lingue conosce.
Raccogli i valori ottenuti in un array.
Visualizza l'array delle lingue ottenuto nel problema precedente
sotto forma di lista ul.
