Радио бо Vue кор кардан

Бо radio кор кардан ба ҳамин монанд аст. Биёед амалан бубинем. Аввалан хосияти choice-ро созем, ки онро ба гурӯҳи radio мепайвандем:

data() {
	return {
		choice: '',
	}
}

Акнун гурӯҳи radio-ро созем:

<template>
	<input name="radio" type="radio">
	<input name="radio" type="radio">
	<input name="radio" type="radio">
</template>

Ба ҳар яке аз онҳо директиваи v-model-ро нависед ва хосияти choice-ро ба он пайваст кунед:

<template>
	<input name="radio" type="radio" v-model="choice">
	<input name="radio" type="radio" v-model="choice">
	<input name="radio" type="radio" v-model="choice">
</template>

Ба ҳар яке аз онҳо инчунин value-и худро диҳед:

<template>
	<input name="radio" type="radio" v-model="choice" value="v1">
	<input name="radio" type="radio" v-model="choice" value="v2">
	<input name="radio" type="radio" v-model="choice" value="v3">
</template>

Акнун дар хосияти choice ҳамеша value-и radio-и интихобшуда хобида хоҳад буд:

<template>
	you choosed: {{ choice }}
</template>

Аз корбар бо ёрии гурӯҳи radio пурсед, ки кадом забон барои ӯ забони модарӣ аст. Чунки забони интихобшуда дар абзас чоп шавад

Вазифаи гузаштаро ба таври зерин тағир диҳед: бигзор мо се абзас бо матн ба забонҳои гуногун дорем. Вобаста ба интихоби корбар ибораро ба забони интихобкардаи ӯ чоп кунед.