Raw o renderizar HTML en Vue

Muchas veces tenemos en una propiedad o función un contenido HTML que queremos renderizar directamente en el template; si lo hacemos de la manera corriente con las llaves llaves {{}} no se va a obtener el resultado deseado, tenemos que emplear la directiva v-html en su lugar e indicarle la propiedad o función.

    <!-- **RAW HTML -->
    <p>
      {{ rawhtml }}
    </p>
    <p v-html="rawhtml"></p>
    <!-- **RAW HTML FIN-->

Y en el JavaScript

rawhtml: "<span style='color:red'>Hola texto rojo</span>",

Puedes consultar el repo para más información.

- Andrés Cruz

In english

Andrés Cruz

Desarrollo con Laravel, Django, Flask, CodeIgniter, HTML5, CSS3, MySQL, JavaScript, Vue, Android, iOS, Flutter

Andrés Cruz En Udemy

Acepto recibir anuncios de interes sobre este Blog.

!Cursos desde!

10$

En Udemy

Quedan 3d 00:33!


Udemy

!Cursos desde!

4$

En Academia

Ver los cursos

!Libros desde!

1$

Ver los libros
¡Hazte afiliado en Gumroad!