Enlazando atributos dinámicamente con v-bind en Vue 3
Comprar curso

16. Enlazando atributos dinámicamente con v-bind en Vue 3

v-bind es una directiva de Vue 3 que permite enlazar dinámicamente propiedades de un elemento con los datos de la aplicación. En este capítulo, aprenderás a utilizar v-bind para crear elementos interactivos y dinámicos.


1 comentarios

Inicia sesión para comentar

Comentarios:

  • Jorge Gatica

    Jorge Gatica hace 3 meses

    Solo agregar que se podria poner varios condicionales separados por coma. 

    :class="[
      link.active
      ? 'z-10 bg-indigo-50 border-indigo-500 text-indigo-600'
      : 'bg-white border-gray-300 text-gray-500 hover:bg-gray-50',
      i === 0 ? 'rounded-l-md' : '', // si es el primer elemento
      i === products.links.length - 1 ? 'rounded-r-md' : '', // si es el ultimo elemento
      !link.url ? 'bg-gray-100 text-gray-700' : '' // si no hay link le doy un estilo como deshabilitado
    ]"