Set radio initial state to checked

[notflip]

I'm trying to setup a radio button that is checked from the start, the following code doesn't work, does anyone know how to set it so it's checked from the start?

<Field id="locatie-1" name="locatie" type="radio" value="locatie-1" checked />
<Field id="locatie-2" name="locatie" type="radio" value="locatie-2" />

[logaretm]

Set the value it is bound to to the radio's value. I don't see a form or useForm or v-model in your example.

Either of these would work:

<Field id="locatie-1" name="locatie" type="radio" value="locatie-1" v-model="val" />
<Field id="locatie-2" name="locatie" type="radio" value="locatie-2" v-model="val" />

// in your component setup
const val = ref('locatie-1');

<Form :initial-values="initial-values"> 
  <Field id="locatie-1" name="locatie" type="radio" value="locatie-1"  />
  <Field id="locatie-2" name="locatie" type="radio" value="locatie-2"  />
</Form>

const initialValues = { locate: 'locatie-1' };

[notflip]

Right thank you, forgot to show those, I'm using

, your proposal works, however I now struggle with the fact that my initial locatie is reactive, and the initialValues of form isn't. Should I use the other options besides , when my initial values are only known after an xhr request? thanks!