困っていること
掲示板のようなサイトにいいね機能を作っています。
いいねの機能は、Vue.jsのコンポーネントとaxiosで実装しました。
bladeのforeach構文内でそのコンポーネントを使っているのですが、
いいねのボタンが、はじめの1つにしか表示されず困っています。
全ての投稿にいいねボタンを表示させたいのですが、
アドバイスいただけますでしょうか?
index.blade.php
HTML
1 2@foreach($reports as $report) 3<a>{{ $report->user->name }}</a> 4<div id="app"> 5 6<like-component 7:report-id="{{ json_encode($report['id']) }}" 8:user-id="{{ json_encode($user_auth_id) }}" 9:default-Liked="{{ json_encode($report->defaultLiked($report, $user_auth_id)) }}" 10:default-Count="{{ json_encode(count($report['likes'])) }}" 11> 12</like-component> 13 14</div> 15<div class="list-item-comment"></div> 16@endforeach
LikeComponent.vue
JavaScript
1<template> 2 <div id="list-group-item"> 3 <button v-if="!liked" type="button" class="btn btn-primary fav" @click="like(reportId)">いいね{{ likeCount }}</button> 4 <button v-else type="button" class="btn btn-primary fav" @click="unlike(reportId)">いいね{{ likeCount }}</button> 5 </div> 6</template>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。