Массив қиматҳои checkbox дар Vue

Фарз кунем, ки мо як гурӯҳи checkbox дорем. Мумкин аст чунін сохт, ки қимати атрибутҳои value ҳамаи чекбоксҳои интихобшуда ба массив ҷамъ шавад. Барои ин, ба 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 чоп кунед.