Радио бо Vue кор кардан

Бо radio кор кардан ба ҳамин монанд аст. Биёед амалан бубинем. Аввалан хосияти 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 ҳамеша value-и radio-и интихобшуда хобида хоҳад буд:

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