¿Cómo puedo lograr que HTML se interprete dentro de un enlace de bigote? En este momento, el descanso ( <br /> ) solo se muestra/escapa.
Pequeña aplicación Vue:
var logapp = new Vue({ el: '#logapp', data: { title: 'Logs', logs: [ { status: true, type: 'Import', desc: 'Learn<br />JavaScript', date: '11.11.2015', id: 1 }, { status: true, type: 'Import', desc: 'Learn<br />JavaScript', date: '11.11.2015', id: 1 } ] } })Y aquí está la plantilla:
<div id="logapp"> <table> <tbody> <tr v-repeat="logs"> <td>{{fail}}</td> <td>{{type}}</td> <td>{{description}}</td> <td>{{stamp}}</td> <td>{{id}}</td> </tr> </tbody> </table> </div>Puede usar la directiva v-html para mostrarlo. Me gusta esto:
<td v-html="desc"></td>Comenzando con Vue2, las llaves triples quedaron obsoletas, debe usar v-html .
<div v-html="task.html_content"> </div>
No está claro en el enlace de documentación qué se supone que debemos colocar dentro v-html , sus variables van dentro v-html .
Además, v-html solo funciona con <div> o <span> pero no con <template> .
Si quieres ver esto en vivo en una aplicación, haz clic aquí .