質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

JSON

JSON(JavaScript Object Notation)は軽量なデータ記述言語の1つである。構文はJavaScriptをベースとしていますが、JavaScriptに限定されたものではなく、様々なソフトウェアやプログラミング言語間におけるデータの受け渡しが行えるように設計されています。

Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

API

APIはApplication Programming Interfaceの略です。APIはプログラムにリクエストされるサービスがどのように動作するかを、デベロッパーが定めたものです。

Q&A

1回答

507閲覧

Laravel5 コメントの表示

jese

総合スコア13

Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

JSON

JSON(JavaScript Object Notation)は軽量なデータ記述言語の1つである。構文はJavaScriptをベースとしていますが、JavaScriptに限定されたものではなく、様々なソフトウェアやプログラミング言語間におけるデータの受け渡しが行えるように設計されています。

Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

API

APIはApplication Programming Interfaceの略です。APIはプログラムにリクエストされるサービスがどのように動作するかを、デベロッパーが定めたものです。

0グッド

0クリップ

投稿2019/10/03 09:29

ブログのポスト1件に対して複数のユーザがコメントができ、そのコメントに対しても返信ができるyoutube形式のコメントシステムをlaravel5.8とvue.jsを使って実装しています。

commentのmodel作成とデータのseedが完了し、テーブルにはすでにコメントのデータが入っています。

現在、show.blade.phpに最初のコメントを表示させたいのですが、次のエラーが出ていて解決策が見つかりません。

具体的には51件目のポストhttp://127.0.0.1:8000/results/51のURLにコメント機能をつけたいと考えています。

Property or method "comment" is not defined on the instance but referenced during render

Cannot read property 'user' of undefined"

助けていただけると嬉しいです。
よろしくお願いします。
ResultsController.php

public

1 { 2 $recommended_posts = Post::latest() 3 ->whereDate('date','>',date('Y-m-d')) 4 ->where('category_id','=',$post->category_id) 5 ->where('id','!=',$post->id) 6 ->limit(7) 7 ->get(); 8 9 $posts['particular_post'] = $post; 10 $posts['recommended_posts'] = $recommended_posts; 11 12 13 //return $post->comments()->paginate(5); このコードを入れると、 14      5件分のobjectが表示されます 15 16 return view('posts.show',compact('posts')); 17 } 18

web.php

Route::get('results/{post}', 'ResultsController@show')->name('posts.show');

show.blade.php

<comments-component :post="{{ $posts['particular_post']->comments }}"></comments-component>

comments.vue

<template> <div class="reply-comment" :v-for="comment in comments"> <div class="user-comment" > <div class="user"> <!--<img src="" alt="" >--> <avatar :username="comment.user.name" :size="30" ></avatar> </div> <div class="user-name"> <span class="comment-name">{{ comment.user.name }}</span> <p> {{ comment.body }} </p> </div> </div> <div class="reply"> <div class="seemorecomments"> <a href="">see more</a> </div> <button class="reply-button"> <i class="fas fa-reply"></i> </button> </div> </div> </template>
<script> import Avatar from 'vue-avatar' export default { props: ['post'], components: { Avatar }, mounted() { this.fetchComments() }, data() { return { comments: [] } }, methods: { fetchComments() { axios.get(`/results/${this.post.id}`).then(response => { this.comments = response.data }) } } } </script>

comment.php

protected $with = ['user'];

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

Laravel 7.xからBlade コンポーネントは使えるはずなので5.8なんか使っても同じ挙動はしてくれない。そもそもサポートが切れてるのだから開発だって行っていない。何か参考にしながら作っているんだろうけど、自分のバージョンに合わせたものを参考にしなければいけない。

投稿2021/10/04 02:23

kai0310

総合スコア2070

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問