Matriz de valores de checkbox en Vue
Supongamos que tenemos un grupo de checkbox. Es posible
hacer que los valores del atributo value
de todos los checkboxes seleccionados se almacenen en una matriz.
Para ello, es necesario vincular una matriz a v-model
de estos checkbox.
Hagámoslo.
Declaremos una propiedad con una matriz:
data() {
return {
arr: [],
}
}
Vinculemos esta matriz al grupo 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>
Usando varios checkbox, pregunte
al usuario qué idiomas conoce.
Almacene los valores obtenidos en una matriz.
Muestre la matriz de idiomas obtenida en la tarea anterior
en forma de lista ul.