Vue में रेडियो के साथ काम करना

रेडियो के साथ काम एक समान तरीके से होता है। आइए व्यवहार में देखें। शुरुआत के लिए एक 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 गुण में हमेशा चुने गए radio का value होगा:

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

radio समूह की सहायता से उपयोगकर्ता से पूछें कि उसकी मातृभाषा कौन सी है। ऐसा करें कि चुनी गई भाषा एक अनुच्छेद में प्रदर्शित हो

पिछले कार्य को निम्नलिखित तरीके से संशोधित करें: हमारे पास अलग-अलग भाषाओं में पाठ वाले तीन अनुच्छेद हैं। उपयोगकर्ता की पसंद के आधार पर चुनी गई भाषा में वाक्यांश प्रदर्शित करें।