Como sabemos, las plantillas de Vue no permiten colocar contenido HTML, y cualquier cadena HTML que se coloque será saneada para evitar posibles ataques, XSS entre ellos.
Sin embargo Vue provee una manera fácil y sencilla de inyectar HTML “inseguro” en un componente o vista, y justamente es lo que veremos en este post.
Para esto podemos usar v-html
. Al usar esto, podremos inyectar HTML dentro del contenedor en el que se coloque la directiva. Por ejemplo, tenemos un div
:
Al mismo le indico que el HTML que tendrá es el que esté en mi variable miHtml
. Eso debe estar declarado en mi app, así:
Tengo el HTML como cadena; ignora el uso de las backticks, podría ser con comillas normales; el punto es que al montar la app se inyectará el HTML:
Y si cambio el HTML desde la aplicación, se reflejará, justo como si fuera simple texto. Este HTML puede ser estático, venir de una base de datos, de una petición AJAX, etcétera.
Sé que es simple y tal vez un poco obvio, pero tal vez alguien (como yo antes de escribir esto) no sepa cómo hacerlo.
Si quieres puedes probar el ejemplo en JSFiddle.
La impresión de un PDF en cualquier impresora se puede automatizar con un bot de…
Hoy te enseñaré cómo enviar un mensaje a un usuario desde un bot de Telegram…
El día de hoy te enseñaré algo muy sencillo pero útil al programar con PHP:…
El plugin para imprimir en impresoras térmicas alcanza hoy su versión 3.4.0 agregando soporte para…
En ocasiones es necesario leer los pixeles y colores de una imagen con JavaScript del…
Siguiendo con los tutoriales de listas desplegables o select con JavaScript, vamos a ver cómo…
Esta web usa cookies.
Ver comentarios
buen contenido me sirvió justo lo que estaba buscando Gracias Master!!!