Necesito pasar como parametro "documento" de mi componente padre al hijo pero en el componente hijo me llega como 'undefined'.
El primer componente se encarga de mostrar una lista de clientes y proporciona un botón "Ver" para ver un informe específico de un cliente.
El segundo componente recibe "documento" como parametro que utiliza para realizar una segunda solicitud para obtener un informe de un cliente específico.
El padre: lo que muestra el log en verInformeCliente es valido.
export default {
components: {
InformeDeRuedaPorCliente
},
data() {
return {
mandantes: [],
documento: null
};
},
methods: {
verInformeCliente(documento) {
console.log(documento);
if (documento) {
const nuevaVentanaURL = `/mandante/${documento}`;
window.open(nuevaVentanaURL, '_blank');
}
},
},
created() {
solicitud('/mandantes/obtener/', {}).then((respuesta) => {
this.mandantes = respuesta.datos;
});
}
};
<button @click="verInformeCliente(mandante.documento)">Ver</button>
<div v-if="documento">
<InformeDeRuedaPorCliente :documento="documento" />
</div>
El hijo: el log en created viene como 'undifined'
export default {
data() {
return {
informeMandante: [],
};
},
props: {
documento: {
type: Number,
required: true
}
},
created() {
solicitud(`/general/obtener/${this.documento}`, {}).then((respuesta) => {
console.log(this.documento);
if (respuesta && respuesta.datos) {
this.informeMandante = respuesta.datos;
}
});
},
};
Cualquier ayuda para solucionar este problema sería muy apreciada. ¡Gracias!
_blank
), no una pestaña si quiera. Si en esa ventana nueva se carga otra vez tu aplicación, el estado no lo vas a tener disponible... el estado de tu aplicación se quedó en la otra ventana.documento
es una variable que se setea automáticamente por el framework ycreated
es un evento. Si este evento se ejecuta antes que se produzca el seteo dedocumento
, este será siempreundefined
, esto depende delciclo de vida
de vue.js. Prueba cambiar elcreated
del 2do código pormounted