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

रेडियो के साथ काम एक समान तरीके से होता है। आइए व्यवहार में देखें। शुरुआत के लिए एक choice गुण बनाते हैं, जिसे हम radio के समूह से बाँधेंगे:

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

अब एक radio समूह बनाते हैं:

App.vue<template>
  <input name="radio" type="radio">
  <input name="radio" type="radio">
  <input name="radio" type="radio">
</template>

प्रत्येक पर v-model निर्देशक लिखें और इसे choice गुण से बाँधें:

App.vue<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 भी दें:

App.vue<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 होगा:

App.vue<template>
  you choosed: {{ choice }}
</template>