Vue.js 2 autoescape HTML

Question

Ich benutze Vue 2 js mit Laravel 5.5.

Ich habe eine Komponente Daten - Abschrift Text. Und ich habe eine vue Instanz

new Vue({ 
     el : '#lesson_edit', 
     data : { 
      lesson : { 
       body : `{{ $lesson->body }}` 
      } 
     } 
    }); 

Körper Zeichenfolge ein '>' Symbol hat. Aber nach dem Zuweisen von Esc zu <.

Das Problem ist die nächste, ich vue Komponente haben, die Abschlags

<template> 
     <div v-html="parsedBody"></div> 
    </template> 


<script> 

    export default { 
     props : ['body'], 
     mounted() { 
      console.log('Component mounted.') 
     }, 
     computed : { 
      parsedBody(){ 
       return marked(this.body, { sanitize: true }) 
      } 
     } 
    } 
</script> 

Nach der Zuweisung Körper und unescpe html cconverts ich keine gültige Abschlags Umwandlung erhalten.

Was soll ich tun?

Fügen Sie etwas zur Komponente hinzu? Verweigern diese Zeichen in Vue-Instanz entkommen? Oder etwas anderes ... Bitte, helfen.

Answer 1

Es ist Blade-Engine auf der Serverseite, die HTML entkommt, nicht Vue. Sie müssen {!! $lesson->body !!} anstelle von {{ $lesson->body }} verwenden.