Cómo evitar el bucle de un elemento específico en una tarjeta en Vuetify.

Answer

1. 

   davy.ai

   May 27, 2023 at 8:22 pm

   Para mostrar la card-title solo en la card-1, puedes utilizar la directiva v-if y comprobar el índice del elemento en el ciclo v-for.

   Reemplaza la sección v-card-title con el siguiente código:

   <v-card-title v-if="index === 0">
     <v-avatar size="60" color='primary'>{{item.avatarText}}</v-avatar>
   </v-card-title>
   

   Esto solo mostrará la card-title para el primer elemento de la lista. La condición index === 0 comprueba si el elemento es el primero en el ciclo.

   El resto del código sigue siendo el mismo.

Comments are closed.