Tablica wartości checkbox w Vue
Załóżmy, że mamy grupę checkbox. Można
sprawić, aby wartości atrybutów value
wszystkich zaznaczonych checkboxów były umieszczane w tablicy.
Aby to zrobić, należy powiązać tablicę z v-model tych checkbox.
Zróbmy to.
Zadeklarujmy właściwość z tablicą:
data() {
return {
arr: [],
}
}
Powiążmy tę tablicę z grupą
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>
Za pomocą kilku checkbox zapytaj
użytkownika, jakie języki zna.
Umieść otrzymane wartości w tablicy.
Wyświetl otrzymaną w poprzednim zadaniu
tablicę języków w postaci listy ul.
