Linguaggio di linguaggio di Laravel La sintassi di associazione dei dati di Blade e VueJS è molto simile.Sintassi di associazione dati escape di VueJS in Laravel Blade?
Come posso evitare la sintassi di associazione dati VueJS quando si trova in un file *.blade.php?
Esempio:
<div>
<!-- Want it with VueJS -->
{{ selectedQuestionDesc }}
</div>
<div>
<!-- Want it with Laravel Blade -->
{{ $selectedQuestionDesc }}
</div>
Mentre porre la domanda ho scoperto che si può sfuggire Blade laravel anteponendo un segno @ prima che le doppie parentesi {{}} o le staffe di rendering {!! !!} html.
Quindi, ecco la risposta:
<div>
<!-- HTML rendering with VueJS -->
@{{{ selectedQuestionDesc }}}
<!-- Data binding with VueJS -->
@{{ selectedQuestionDesc }}
</div>
<div>
<!-- HTML with Laravel Blade -->
{!! $selectedQuestionDesc !!}
<!-- Variable binding with Laravel Blade -->
{{ $selectedQuestionDesc }}
</div>
Al fine di produzione reale HTML, è necessario utilizzare la direttiva v-html:
<p>Using v-html directive: <span v-html="rawHtml"></span></p>
Grande. Quindi si prega di accettare la propria risposta in modo che questa domanda sia contrassegnata come risposta. –
Sulla terza riga della risposta ... puoi aggiustarlo in modo che ci siano 2 parentesi su ciascun lato della rilegatura invece di 3. La modifica è troppo piccola per me – calbear47
@ calbear47 puoi scrivere un esempio su un commento e un breve descrizione del perché l'aggiornamento, per favore. – Gus