Soy nuevo en vue , tengo este json :
y tengo este objeto en la tienda:
company_profiles: [ { profile: { projects: { team: { teammate: { contracts: {} } } } }, } ],Intenté hacer un bucle para:
<div v-for="contract in company_profiles.profile.projects.team.teammate.contracts"> {{ contract }} </div>pero en la consola tengo este error:
TypeError: no se pueden leer las propiedades de undefined (leyendo 'compañero de equipo')
company_profiles.profile.projects es una matriz, por lo que la lectura de .team en ella no está definida.
tal vez intente
<div v-for="project in company_profiles.profile.projects" :key="project.id" > <h3>{{ project.name }}</h3> <h4>contract:</h4> <pre v-html="project.team?.teammate?.contract" /> </div>