Escape Laravel Blade中的VueJS數據綁定語法？

Laravel模板語言Blade和VueJS數據綁定語法非常相似。Escape Laravel Blade中的VueJS數據綁定語法？

如何在*.blade.php文件中轉義VueJS數據綁定語法？

例子：

<div> 
    <!-- Want it with VueJS --> 
    {{ selectedQuestionDesc }} 
</div> 
<div> 
    <!-- Want it with Laravel Blade --> 
    {{ $selectedQuestionDesc }} 
</div>

來源

2016-06-21 Gus

一邊詢問我發現，你可以通過雙括號{{}}或{!! !!} HTML渲染前括號前面加一個@符號來避開Laravel之刃的問題。

因此，這裏的答案：

<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>

來源

2016-06-21 01:12:55 Gus

大。然後請接受您自己的回答，以便將此問題標記爲已回答。 –

在你的答案的第三行......你能解決這個問題，所以在綁定的每一邊有2個括號，而不是3個。對我來說編輯太小 – calbear47

@ calbear47你能寫一個評論和一個例子嗎？請簡要說明爲什麼更新。 – Gus

爲了輸出HTML真實，你將需要使用V-HTML指令：

<p>Using v-html directive: <span v-html="rawHtml"></span></p>

來源

2018-02-08 15:46:52 Afraz

Escape Laravel Blade中的VueJS數據綁定語法？

回答

相關問題