How to set redio button checked by api response?

[dutchman1990]

I have one form contains some data which I need to populate data from API. I have wriiten the API and set it to get data via vuex. My form also contains some radio field which I need to set to checked according to API data.
I have setup my from like below, but unable to set the radio to checked.

<Form @submit="onSubmit" :validation-schema="validationSchema" v-slot="{ errors }" class="justify-content-center form-inline">
<Field name="gender" as="input" type="radio" checked value="2" :v-model="userInfo.profile_object.gender" ></Field> Female
<Field name="gender" as="input" type="radio" checked value="1" :v-model="userInfo.profile_object.gender" ></Field> Male
</Form>

My goal is to set any one of those radio if userInfo.profile_object.gender matches their default value.
If userInfo.profile_object.gender returns 1 then <Field name="gender" as="input" type="radio" checked value="1" :v-model="userInfo.profile_object.gender" ></Field> Male should be checked and vice versa.

[logaretm]

The field should be set to checked automatically if v-model matches the value of the radio button. Can you create a minimal example on codesandbox? (leave out the API bit).

[dutchman1990]

Thanks for the tip. I had to pass the initial value via data property, which I didn't pass in first place.