Рад са 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, који му је језик матерњи. Направите да се изабрани језик испише у пасусу

Модификујте претходни задатак на следећи начин: нека имамо три пасуса са текстом на различитом језику. У зависности од избора корисника испишите фразу на изабраном језику.