Checkbox-ների արժեքների զանգված Vue-ում

Ենթադրենք՝ ունենք checkbox-ների խումբ։ Կարելի է անել այնպես, որ բոլոր նշված checkbox-ների value ատրիբուտների արժեքները ավելացվեն զանգվածի մեջ։ Դրա համար անհրաժեշտ է այս checkbox-ների v-model-ը կապել զանգվածի հետ։ Եկեք անենք դա։ Սահմանենք զանգվածով հատկություն․

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 ցուցակ։