Pole hodnot checkbox ve Vue
Předpokládejme, že máme skupinu checkbox. Je možné
zařídit, aby se hodnoty atributů value
všech zaškrtnutých checkboxů ukládaly do pole.
K tomu je třeba svázat v-model těchto checkbox
s polem. Pojďme to udělat.
Deklarujme vlastnost s polem:
data() {
return {
arr: [],
}
}
Přivažme toto pole ke skupině
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>
Pomocí několika checkbox se zeptejte
uživatele, jaké jazyky ovládá.
Získané hodnoty uložte do pole.
Vypište pole jazyků získané v předchozím úkolu
ve formě seznamu ul.