samedi 20 mars 2021

How to initialize radiogroup when v-radio is active and disabled

i’m using vuetify and vue js 2.6 I have one v-radio-group which contain 5 v-radio and i have 2 v-checkbox, i use those checkboxes to enable/disable radioboxes: 1- Problem one : How to initialise v-radio-group when one of the radioboxes is disabled and active. 2- i want to toggle the Checkboxes, just one of the two should be checked and not both

I appreciate every help and respond to my request thanks… hier is the code:

<template>
  <div> 
    <v-radio-group v-model="radiogroup">
      <v-radio label="Radio 1" value="radio1"></v-radio>
      <v-radio label= "Radio 2"value="radio2"></v-radio>
      <v-radio
        label="Radio 3"
        value="radio3"
        :disabled="check2 || check1"
      ></v-radio>
      <v-radio
        label="Radio 4"
        value="radio4"
        :disabled="check2"
      ></v-radio>
      <v-radio
        label="Radio 5"
        value="radio5"
        :disabled="disableradio"
      ></v-radio>
    </v-radio-group>
    <v-checkbox label="Check 2" v-model="check2"></v-checkbox>
    <v-checkbox label="Check 1" v-model="check1"></v-checkbox>
  </div>
</template>
<script>
export default {
  data() {
    return {
      disableradio: true,
      check1: false,
      check2: false,
      radiogroup: "radio1",
      },
    },
};
</script>



Aucun commentaire:

Enregistrer un commentaire