Vue-da radio bilen işlemek

Radio bilen işlemek şuňa meňzeş ýagdaýda geçýär. Geliň praktikada göreliň. Başlangyçda, biz baglajak boljak choice aýratynlygyny dörediň:

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

Indi bir radio toparyny dörediň:

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

Her birine v-model direktiwany ýazyň we ony choice aýratynlygyna baglaň:

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>

Her birine öz value bahasyny hem beriň:

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>

Indi choice aýratynlygynda daimy bellenen radio-nuň value bahasy bolup biler:

App.vue<template>
  siz saýladyňyz: {{ choice }}
</template>