2017-09-12 3 views
1

메시지를 보낼 vue 구성 요소가 있는데 로그인 한 사용자 이름을 보내려고합니다. 나는 이미 모두 오류를 줄Laravel을 사용하여 Vue 구성 요소에서 사용자 이름을 검색하는 방법

{{Auth()::user()->name}} 
Auth()::user()->name 

를 사용하여 시도 laravel 5.5

methods:{ 
     sendMessage(){ 
      this.$emit('messagesent', { 
       message:this.messageText, 
       user: { 
        name : {{Auth()::user()->name}} //Here is where it should be 
       } 
      }); 
      this.messageText = ''; 
     } 
    } 

을 사용하고 있습니다. 이름을 어떻게 검색 할 수 있습니까?

+0

사용자 이름을 소품으로 사용하고 'this.messageText'를 사용하는 것처럼 사용하십시오. – Samsquanch

+0

[phue 변수를 전달하여 구성 요소 인스턴스 전달] (https://stackoverflow.com/questions/41520258/pass-php-variable-to-vue-component-instance) – Samsquanch

답변

2

당신의 접근 방식에 따라 ,이보기 당신의 vuejs 내부의 다음 <send-message user={{ $user->username }} ></send-message> 구성 요소

export default { 
    props: ['user'], 
    data(){ 
     return { 
      user: '' 
     } 
    }, 
    methods: { 
     sendMessage(){ 
      var user = JSON.parse(this.user) 
      //do you thing here 
     } 
    }, 
} 

2. 바인딩 창에 사용자 정보에서 다른 방식으로 사용자 이름에
1 패스를 달성 할 수있다 귀하의 페이지 헤더에있는 객체

<script> 
    window.user = {!! json_encode([ 
     'user' => $user->username, 
    ]) !!}; 
</script> 
+0

첫 번째 방법은 죄송합니다. 분명한 질문이었습니다. Vue를 처음 사용합니다. –

+0

과 관련이 없지만 laravel 및 vue로 푸시 버튼을 사용해 본 경험이 있으십니까? 따라서 새로운 질문이 필요하지 않습니다. –

+0

달성하고자하는 것은 무엇입니까? @CarlosF –

관련 문제