[Vuejs]-Vuetify radio button checked with value in edit form

by

0👍

✅

I found a solution that works for my case

I had to change the v-model on the v-radio-group and set it to a prop like this

<v-radio-group v-model="radioGroup" row class="ml-3">
    <v-radio label="DIRECTO" value="direct"></v-radio>
    <v-radio label="CONTINGENCIA" value="contingency"></v-radio>
</v-radio-group>

on Data

    radioGroup: 'direct',

And because the edit modal is activated by a button I set the values like this

{
    icon: "mdi-pencil",
    description: "Editar",
    action: (params) => {
                this.modeEdit = true;
                this.dialogAddEdit = true;
                this.dataItem = JSON.parse(JSON.stringify(params[0]));
                if (this.dataItem.type_contract === "DIRECTO") {
                   this.radioGroup = 'direct';
                } else{
                   this.radioGroup = 'contingency';
                 } 
    },

Leave a comment