• Saltar a la navegación principal
  • Saltar al contenido principal
LUISCALDEVILLA

LUISCALDEVILLA

El blog personal de Luis Caldevilla

  • Inicio
  • Sobre mi
  • Recursos
  • Contactar

28/10/2021 by lcaldevilla

Renderizar string como html en componente vue

En ocasiones necesitaremos que una cadena se renderize como html en lugar del string que recibimos. Por ejemplo al recibir un JSOIN, recuperar de la base de datos, etc.

El truco está en utilizar la directiva v-html que nos proporciona vue.js.

En este ejemplo, suponiendo que row.item.series es un string con por ejemplo:

«Código: 23232 <br> Código: 23233», se mostrará en pantalla como:

Código: 23232

Código: 23233

 <div v-html="row.item.series">{{ row.item.series }}</div>
 

 

Publicado en: General

Copyright © 2025 · Hello! Pro 3 en Genesis Framework · WordPress · Acceder