Bonjour,

Je tente de passer un objet à un composant enfant mais je bloque.
Je procède de la façon suivante :

Composant parent :
Dans mon setup()
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
 
let agent = reactive({})
    //Appel a mon api pour charger mes donnees
    agent = response.data

Dans mon template j'appel mon composant
Code : Sélectionner tout - Visualiser dans une fenêtre à part
<monComposant:agent="agent"/>
Ensuite dans mon template enfant :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
<template>
  <q-card>
    <q-card-section>
      <div class="row justify-center">
        <q-input class="col-5 q-mr-sm" v-model="form.nom" label="Nom" stack-label :dense="dense" readonly />
        <q-input class="col-5 q-ml-sm" v-model="form.dateNai" label="Date de naissance" stack-label :dense="dense" readonly />
      </div>
...
mon setup enfant:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
import {defineComponent, toRefs, ref} from 'vue'
 
export default defineComponent({
  name: "monComposant",
  props: {
    agent: Object
  },
  setup (props) {
    const { agent } = toRefs(props)
    let form = ref(agent)
 
    return {
      form
    }
  }
})
Mais aucune valeur s'éffiche dans mes input. Vous avez une idée?