Vue-da radio bilen işlemek

Radio bilen işlemek şuňa meňzeş ýagdaýda geçýär. Geliň praktikada göreliň. Başlangyçda, biz baglajak boljak choice aýratynlygyny dörediň:

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

Indi bir radio toparyny dörediň:

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

Her birine v-model direktiwany ýazyň we ony choice aýratynlygyna baglaň:

<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>

Her birine öz value bahasyny hem beriň:

<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>

Indi choice aýratynlygynda daimy bellenen radio-nuň value bahasy bolup biler:

<template>
	siz saýladyňyz: {{ choice }}
</template>

Ulanyjydan radio toparyny ulanyp, haysy dil onuň ene dili diýip soraň. Saýlanylan dil abzasda görkezilmeli.

Öňki meseläni şuňa meňzeş üýtgediň: bizde dürli dillerde teksti bolan üç abzas bolsun. Ulanyjynyň saýlanyna baglylykda, onuň saýlan dilindäki frazany görkeziň.