Работа со radio во 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, кој јазик е мајчин за него. Направете така што избраниот јазик ќе се испише во параграф

Модифицирајте ја претходната задача на следниот начин: нека имаме три параграфи со текст на различен јазик. Во зависност од изборот на корисникот, испишете ја фразата на јазикот што го избрал.