Vue.JS3 passer un objet à un composant

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()
let agent = reactive({})
//Appel a mon api pour charger mes donnees
agent = response.data

Dans mon template j’appel mon composant
monComposant:agent=“agent”/

Ensuite dans mon template enfant :
<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:

`import {defineComponent, toRefs, ref} from ‘vue’

export default defineComponent({
name: “EtatCivile”,
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?

salut,

ton code est illisible formatté comme ça
les gros blocs de code sont à entourer de triple backtick ```

tu peux aussi présenter ton code grâce à un lien vers une sandbox
exemple : sfc.vuejs.org

tu auras bcp plus de chance qu’on te réponde

1 Like