Del curso: Vue.js esencial
Accede al curso completo hoy mismo
Únete hoy para acceder a más de 23.200 cursos impartidos por expertos del sector.
Directiva v-bind para manejo dinámico de atributos HTML en Vue.js - Tutorial de Vue.js
Del curso: Vue.js esencial
Directiva v-bind para manejo dinámico de atributos HTML en Vue.js
La directiva v-bind es la que utilizamos para ligar una propiedad de un elemento HTML a un valor reactivo, como en este ejemplo que puedes ver aquí. El enlace a la propiedad href se agrega a través de un v-bind. link está definido dentro de las propiedades de este componente. Entonces, a través del v-bind, yo estoy ligando link con el href de este enlace. Significa que, si este valor cambia, también va a cambiar la etiqueta. Igual sucede aquí, yo estoy utilizando un v-bind para poder ligar los estilos de este div a estos valores. Con v-bind yo puedo hacer que los estilos, las clases o cualquier otra propiedad de un elemento HTML pueda ser dinámico. Ahora te voy a mostrar un ejemplo de esta propiedad en funcionamiento. Contiene una imagen y un botón, que, a la hora de hacer clic, puedes notar que la imagen cambia. Esto se logra porque yo estoy ligando el source de la imagen con este valor reactivo. Puedes ver que imagenActual es una propiedad computada dentro de este componente y esto…
Contenido
-
-
-
-
-
-
Directiva v-for para generar listas2 min 44 s
-
(Bloqueado)
Directivas condicionales v-if, v-if-else y v-else2 min 36 s
-
Directiva v-on para registrar eventos en Vue.js2 min 20 s
-
(Bloqueado)
Utilizando modificadores de eventos en Vue.js3 min 19 s
-
(Bloqueado)
Directiva v-bind para manejo dinámico de atributos HTML en Vue.js2 min 16 s
-
(Bloqueado)
Directiva v-model para la captura de datos de formulario en Vue.js1 min 37 s
-
Directiva v-show para mostrar u ocultar contenido en Vue.js1 min 54 s
-
(Bloqueado)
Directivas v-html y v-text en Vue.js1 min 54 s
-
-
-
-
-