ホーム

転職ドラフト(次回12/15)

LaravelのJavascript内でbladeの変数を使う方法

いつもご利用ありがとうございます。このブログは、広告費によって運営されています。

⇨ Laravel 記事の目次はこちら

Laravel の Blade で使う変数を、Javascript の変数として使う方法について書きました。

目次

  1. 結論

結論

変数の定義だけ Blade に書いて、それ以降の Javascript に関する記述は、Javascript ファイルに記載するのが良いと思っています。

test.blade.php

<script>
  //LaravelのBladeで使っている変数$postsをJavascriptの変数で定義する
  const posts = @json($posts);
</script>
  //以降の処理は別ファイルに
<script src="{{ mix('js/test.js') }}"></script>

まとめ

以上です。

様々な書き方がありますが、この書き方がどんなパターンにでも対応しているのではないかなと思っています。

変数を定義さえできれば、あとは Javascript の領域だと思うので、Javascript 関係で検索してもらえれば良いのかなと思います。

感想・苦情は TwitterDM にご連絡ください。

それでは!

人気記事

PHP7.4 + Laravel6 のプロジェクトを AWS EC2 にデプロイする

【laravel-breadcrumbs】Laravel でパンくずリストを実装する