Laravel

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

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

オススメ本
Web技術を勉強するなら、かなりオススメの雑誌です。毎月新しい発見があります。ついに最終号・・・、みなさん買いましょう!!
読んで損することはない名著。命名で悩むことが多い人はこの本がオススメです。

⇨ 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 でパンくずリストを実装する