SOFTELメモ Developer's blog

会社概要 ブログ 調査依頼 採用情報 ...
てるてる動画

bladeで波かっこ2個を表示する {{ ~ }}

問題

bladeのテンプレートの中にvueのテンプレートを書きたい状況が発生したのですが、

{{~}}がbladeの変数表示になってしまいます。

どうすればよいですか。

答え

案1)bladeの機能をある程度使いたい場合+vueのテンプレートがそんなに多くない場合

以下のように書けば、HTMLには {{ ~ }} と表示されて、vueに伝わります。

@{{ var }}

→ {{ var }} と表示される

案2)bladeの機能はほぼ必要ない場合+@{{ ~ }} のような変な書き方をしたくない場合

bladeの @verbatim ディレクティブを使うと、その中は {{ ~ }} は そのまま表示されます。

@verbatim
{{ var1 }}
{{ var2 }}
{{ var3 }}
@endverbatim


{{ var1 }}
{{ var2 }}
{{ var3 }}
と表示される

関連するメモ

コメント