Hola estoy iniciando en el mundillo de vuejs estoy consumiendo un campo detalle donde tengo código HTML:
<p>alhdlkfjaldkfkaldjflkasdfkladsf</p>
<p>asdfaslfdjaslñfjalñsdfjlkñasjfdklajsdfasf</p>
<p>adsfadsf</p>
Cómo hago para al ejecutar el código se ejecute el HTML y no muestre la etiquetas <p>
y las otras?
mi json es asi:
"detalle": "<p>alhdlkfjaldkfkaldjflkasdfkladsf</p><p>asdfaslfdjaslñfjalñsdfjlkñasjfdklajsdfasf</p><p>adsfadsf</p>",
mi codigo completo
<div id="app" v-cloak>
<div class="sk-double-bounce" v-if="solicitud.length === 0">
<div class="sk-child sk-double-bounce1"></div>
<div class="sk-child sk-double-bounce2"></div>
</div>
<div class="grid-item-content" :style="{ 'background': solicitud.color }">
<div class="text-center" style="border-bottom: 2px solid #333"><h3>Nota #{{ solicitud.id}}</h3></div>
<div><h4>{{ solicitud.nombre }}</h4></div>
<div><h4>{{ solicitud.celular }}</h4></div>
<div><h5>{{ solicitud.email }}</h5></div>
<div :id="solicitud.id">{{ solicitud.detalle }}</div>
</div>
</div>
<script type="text/javascript">
var urlSolicitudes = "<?php echo DOMINIO ?>api/solicitudes";
new Vue({
el: '#app',
created: function() {
this.getSolicitudes();
},
data: {
listSolicitudes: []
},
methods: {
getSolicitudes: function() {
axios.get(urlSolicitudes).then(response => {
this.listSolicitudes = response.data
});
}
}
});
Gracias
<p>
en lugar de ser interpretadas como párrafos?