2017-09-06 3 views
0

개인 채팅 기능을 갖춘 소셜 미디어 프로젝트를 만들려고 노력 중입니다.하지만 이것에 대해서는 조금 새로운 것이지만, YouTube 도움말을 통해 Laravel, Vuex를 사용하여 대부분 설정했습니다. , 프랙탈 및 Axios.Laravel 소셜 미디어 프로젝트에 채팅 추가하기

새 친구 또는 친구의 현재 채팅을 열어주는 친구 페이지의 버튼을 클릭하는 방법을 알아 내려하는데 어려움을 겪고 있습니다. 지금 버튼을 클릭하면 새 메시지 양식으로 이동하지만 수신자 정보는 전달되지 않습니다. 그 부분은 알아보기 힘듭니다.

나는

NewMessageForm.vue 도와

<template> 
    <form action="#" @submit.prevent="reply"> 
     <div class="form-group"> 
      <textarea cols="95" rows="4" class="form-group" placeholder="Reply" v-model="body"></textarea> 
     </div> 
     <div class="form-group"> 
      <button type="submit" class="btn btn-default">Reply</button> 
     </div> 
    </form> 
</template> 

<script>  
    export default { 

    } 

</script> 

덕분에

usersidebar.blade.php

<div class="media"> 
    <a class="pull-left" href="{{ route('profile.index', ['email' => $user->email]) }}"> 
     <img class="media-object" alt="" src=""> 
    </a> 
    <div class="media-body"> 
      <h3 class="media-heading">{{ $user->getName() }}</h3> 

    </div> 

    <button type="submit" class="btn btn-default">Send me a message</button> 
</div> 

에서 갈 것 같아요.

+0

  • 저장 새 메시지를 (이것에 대한 당신이 socket.io를 사용하는 것이 좋습니다) 메시지를 리얼 타임으로 전송 및 수신 할 수있는 소켓 연결을 만듭니다. 그렇지 않으면 개조가 귀하의 질문을 닫습니다. – Jackowski

  • +0

    이 시점에서 무엇을 표시해야할지 모르겠다. 버튼이있는 사용자 프로파일은 보이는 부분 블레이드에서 , 그것과 같을 것입니다 경로 페이지에 대한 것

  • Send {{ $listing->user->first_name }} a message
  • ... 같은 경로 : 수 ('/ 메시지/{메시지}' , 'MessageController @ show'); vue 템플릿 나는 무례한 말을하지 않으며, 코드를 공유하고 싶지만 원하는/필요가있는 것이 확실하지 않습니다. 나는 그것이 지금 이론 유형 질문의 더 많은 것이라고 생각했다 ... – Dustin

    +0

    당신의 질문과 관련된 모든 것을 보여주십시오. – Jackowski

    답변

    0

    당신은 사용자가 대화 상자를 열 때이 논리를 구현해야합니다

    1. 데이터베이스에서 가장 오래된 대화를 가져 오기를;
    2. 데이터베이스 당신은 당신의 코드를 보여 주어야