Πίνακας τιμών checkbox στο Vue

Ας υποθέσουμε ότι έχουμε μια ομάδα checkbox. Μπορείτε να κάνετε έτσι ώστε η τιμή των γνωρισμάτων value όλων των επιλεγμένων checkbox να τοποθετείται σε έναν πίνακα. Για να το κάνετε αυτό, πρέπει να δέσετε τον πίνακα στο v-model αυτών των checkbox. Ας το κάνουμε. Ας δηλώσουμε μια ιδιότητα με έναν πίνακα:

data() {
	return {
		arr: [],
	}
}

Ας δέσουμε αυτόν τον πίνακα με την ομάδα 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>

Χρησιμοποιώντας πολλά checkbox, ρωτήστε τον χρήστη ποιες γλώσσες γνωρίζει. Βάλτε τις τιμές που λάβατε σε έναν πίνακα.

Εμφανίστε τον πίνακα γλωσσών που λάβατε στην προηγούμενη άσκηση σε μορφή λίστας ul.