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.
Directivas v-html y v-text en Vue.js - Tutorial de Vue.js
Del curso: Vue.js esencial
Directivas v-html y v-text en Vue.js
Las directivas v-text y v-html se utilizan para pasar contenido a las etiquetas HTML dentro del template. Aquí yo tengo dos elementos, uno que utiliza v-text y otro que utiliza v-html. Puedes ver que el texto es simplemente un valor plano y aquí lo que se espera es que este elemento contenga este texto. A diferencia de v-html, que puedes notar que este es un string de HTML, entonces lo que va a suceder es que este elemento va a contener este elemento hijo a la hora de renderizarse en la página. Vamos a ver este ejemplo corriendo. Ya dentro del navegador puedes ver el ejemplo ya corriendo. Aquí yo tengo el primer elemento utilizando el v-text, en donde el contenido del texto se ha agregado dentro del mismo. Y aquí puedes notar que el elemento utilizando v-html ha renderizado el contenido HTML que se encontraba en el string. Es importante mencionar que hay un riesgo a la hora de utilizar la etiqueta v-html. Esto es porque hackers pueden utilizar esta funcionalidad para cambiar el…
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
-
-
-
-
-