Tableau de valeurs de checkbox dans Vue
Supposons que nous ayons un groupe de checkbox. Il est possible
de faire en sorte que la valeur de l'attribut value
de toutes les cases à cocher sélectionnées soit regroupée dans un tableau.
Pour cela, il faut lier un tableau au v-model de ces checkbox.
Faisons cela.
Déclarons une propriété avec un tableau :
data() {
return {
arr: [],
}
}
Liions ce tableau au groupe de
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>
À l'aide de plusieurs checkbox, demandez
à l'utilisateur quelles langues il connaît.
Regroupez les valeurs obtenues dans un tableau.
Affichez le tableau de langues obtenu dans la tâche précédente
sous forme de liste ul.
