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?