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.

Tema anterior Siguiente tema

1 comentarios

Inicia sesión para comentar

Iniciar sesión

Comentarios:

  • Jorge Gatica

    Jorge Gatica hace 1 mes

    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
]"