Matriz de valores de checkbox em Vue
Suponha que temos um grupo de checkboxes. É possível
fazer com que o valor do atributo value
de todos os checkboxes marcados seja coletado em uma matriz.
Para isso, precisamos vincular uma matriz ao v-model
desses checkboxes.
Vamos fazer isso.
Vamos declarar uma propriedade com uma matriz:
data() {
return {
arr: [],
}
}
Vamos vincular esta matriz ao grupo de
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>
Usando vários checkboxes, pergunte
ao usuário quais idiomas ele conhece.
Coloque os valores obtidos em uma matriz.
Exiba a matriz de idiomas obtida na tarefa anterior
na forma de uma lista ul.
