Laravel + Vue循环一次特定的ID

Question

大家好，我打算列出最近的聊天记录。问题是我只想循环使用相同的ID（例如Chatroom_id），在我的情况下，其循环使用相同的Chatroom ID 5次，导致我检查了一个数据库，该数据库的reciever_id是我的，结果是5，因此5次循环使用相同的聊天室ID。我只想让它循环一次聊天室ID

  

Laravel视图//我在其中插入vue组件的地方

.

  

Vue模板

 <!--- Message or online followers and followings -->
   <div id="messagesidebar" class="app-sidebar-userdetails">   
       <h6 class="sm text-white"> <i> Recent Chat </i> </h6>

           <div id="recentchat">
              <recentchat-component :user_id="{{ Auth::user()->id }}"></recentchat-component>
            </div>

          </div>
          <!-- /# Message or online followers and followings  -->
       </div>    

  

Laravel控制器

  <div class="chats" v-for="recentchat in recentchats" v-bind:key="recentchat.id">

          {{ recentchat.chatroom_id}}


   </div>

  

聊天资源

public function fetchrecentchat($user_id)
{
    $recentchat = Chat::Where('receiver_id', $user_id)
    ->orderBy('created_at', 'DESC')
    ->get();


    return ChatResource::collection($recentchat);
}

告诉我，如果您需要查看我没有在上面添加的代码，非常感谢！

更新

  

Vue脚本

public function toArray($request)
{
    // return parent::toArray($request);
    return [
        'id' => $this->id,
        'message' => $this->message,
        'chatroom_id' => $this->chatroom_id,
        'user_id' => $this->user_id,
        'receiver_id' => $this->receiver_id,    
        'created_at' => $this->created_at->diffForHumans(),  
        'updated_at' => $this->updated_at,       
    ];
}