tengo lo siguiente:
<div class="label">{{ item.data[0] }}</div>y en la vista tengo lo siguiente:
{ "id": 6, "firtname": "JHON ", "lastname": "SCALA", "fullname": "JHON SCALA" }solo quiero mostrar el nombre completo
<div class="label">{{ item.data[0].fullname }}</div>pero estoy teniendo este error
TypeError: Cannot read properties of undefined (reading 'fullname')¿¿¿¿por qué????
Si los datos se obtienen de la base de datos o de cualquier otra persistencia asíncrona, vue no puede leer item.data[0] .fullname antes de que se cargue. Intente envolver el div en un v-si así:
<template v-if="item.data.length > 0"> <div class="label">{{ item.data[0].fullname }}</div> </template>