Bekerja dengan Radio di Vue

Bekerja dengan radio dilakukan dengan cara yang serupa. Mari kita lihat dalam praktiknya. Pertama, buatlah properti choice yang akan kita ikat ke grup radio:

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

Sekarang buatlah grup radio:

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

Berikan setiap elemen direktif v-model dan ikat ke properti 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>

Berikan juga setiap elemen value-nya sendiri:

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

Sekarang dalam properti choice akan selalu terdapat value dari radio yang dicentang:

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

Tanyakan kepada pengguna dengan menggunakan grup radio, bahasa apa yang merupakan bahasa ibunya. Buatlah agar bahasa yang dipilih ditampilkan dalam paragraf

Modifikasi tugas sebelumnya sebagai berikut: misalkan kita memiliki tiga paragraf dengan teks dalam bahasa yang berbeda. Bergantung pada pilihan pengguna, tampilkan frasa dalam bahasa yang dipilihnya.