Question

我有一个vue组件，它将发送一条消息，我想发送登录的用户名。我正在使用laravel 5.5

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

我已经尝试过使用

了

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

两者都有错误。如何检索名称？

Answer 1

取决于您的方法，这可以通过不同的方式实现 1.从视图中传入用户名 <send-message user={{ $user->username }} ></send-message> 然后在你的vuejs组件里面

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

2。将用户信息绑定到页眉上的窗口对象

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

如何使用Laravel检索Vue组件中的用户名

1 个答案: