ホーム>Laravel>LaravelのbladeからVueコンポーネントに配列のデータを渡す方法
Laravel

LaravelのbladeからVueコンポーネントに配列のデータを渡す方法

いつもご利用ありがとうございます。
この記事には広告が掲載されており、その広告費によって運営しています。

目次

  1. 結論
  2. 参考
  3. まとめ

LaravelのbladeからVueコンポーネントに配列のデータを渡す方法について書きました

PR

ミスっていると以下のようなエラーになります。

htmlspecialchars() expects parameter 1 to be string, array given (View: /laravel-project/resources/views/home.blade.php)

結論

@json を使う。v-bind を使う。

<vue-component :users="@json($users)"></vue-component>

注意点

①@jsonを付け忘れない（冒頭のエラーはこれがないと起きます。パラメーターの型が文字列じゃないとダメなので、jsonにしてあげてください）
②v-bindをする

参考

Laravel 公式

まとめ

以上です。

Laravel の公式に書いてあるので、覚えてしまえば良い気がします！

フィードバックのお願い
この記事のフィードバックがありましたらYoutubeの適当な動画にコメントしていただいたり、お問い合わせからご連絡ください。