So rufen Sie den Benutzernamen in Vue-Komponente mit Laravel

Question

Ich habe eine Vue-Komponente, die eine Nachricht senden wird und ich möchte den angemeldeten Benutzernamen senden. Ich verwende Laravel 5,5

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

Ich habe bereits versucht

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

Beide Fehler geben werden. Wie kann ich den Namen abrufen?

Answer 1

auf Ihrem Ansatz ab, kann dies auf verschiedene Weise
1. Führen Sie den Benutzernamen aus der Sicht <send-message user={{ $user->username }} ></send-message> dann in Ihrem vuejs Komponente

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

2. Binden Sie die Benutzerinformationen zu Fenster erreichen sein Objekt auf Ihrer Seite header

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