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

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

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

⇨ Laravel 記事の目次はこちら

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

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

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 の公式に書いてあるので、覚えてしまえば良い気がします!

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

それでは!

人気記事

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

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