авторизация электронной почты в шаблоне laravel и vue компонент для отображения и передачи данных

Question

Я пытаюсь выяснить, как я могу получить доступ к своему адресу электронной почты вошедших в систему пользователей таким образом, чтобы я мог отобразить его в своем шаблоне, но также сделать так, чтобы он был доступен в топоре ios вызов при отправке формы.

Я использую vue с laravel 5.8 и пытаюсь сделать это с лезвием и компонентом

blade

<test-component :email="{{ Auth::user()->email }}"></test-component>

test. vue

<template>
<div>

    <div>
        Creator - <span> {{ email }} </span>
    </div>
</div>
</template>

... 


props: [
    email: ''
]

Как правильно хранить электронную почту, которая будет отображаться и передаваться в топоре ios?

Answer 1

Если вы пропускаете Auth::user()->email через реквизит, например, :email="{{ Auth::user()->email }}" - вы можете использовать this.email в вашем vue компоненте для доступа к нему и отправить его через axios просто так:

axios.post('/user', {
    email: this.email,
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

Кроме того, если вы хотите, чтобы ваш auth пользователь всегда был доступен в вашем vue компоненте, вы можете сделать это, назначив его переменной window.user, например:

<script> window.user = {{ Auth::user() }}</script>

Тогда в вашем vue компоненте вы можете сделать что-то подобное window.user.email и тому подобное.

Также я рекомендую вам взглянуть на эту статью - она ​​даст вам Еще несколько примеров.

Надеюсь, это поможет.