Estoy usando VueJS con Firebase. Estoy tratando de actualizar datos usando un formulario. En el formulario, puedo obtener datos antiguos en casi todos los campos. Hay un campo de autocompletar, en el que no debo mostrar los datos obtenidos. Los datos están presentes en initialDisplay pero no se muestran. Parece que el objeto no se ha obtenido.
Aquí está mi código
<CustomerAutoComplete description="Select customer associated with this project" label="Customer" placeholder="Customers" @selected="clientSelected" :initialValue="projectForm.customerId" :initialDisplay="customer" v-model="projectForm.customerId" /> props: { customer: { type: Object } }, data: function () { return { projectForm: { customerId: '', address: '' } as Project } }, methods: { clientSelected ({ selectedObject }) { this.projectForm.customerId = selectedObject.id if (selectedObject.address) this.projectForm.address = selectedObject.address }, },Esto es lo que puedo desde la consola del navegador en la pestaña Vue.
{"id":"op234Sd3FBZHwfLpk16n","companyId":"zErEDd6jE4a0H6bY8u77","name":"Test Customer","email":"test@customer.com"}En la sección de datos, puedo objetar pero no hay datos.
Siento que me estoy perdiendo algo pequeño, no tengo idea de qué es.
¡Gracias de antemano por tu ayuda!