Заполните текущие данные пользователя в полях формы, используя Vuejs Laravel Axios - PullRequest
Новая
       5

Заполните текущие данные пользователя в полях формы, используя Vuejs Laravel Axios

0 голосов
/ 21 апреля 2020

Я хочу заполнить текущую информацию пользователя в полях формы, используя Vuejs Laravel Ax ios. В UserController. vue У меня есть этот код для получения информации об аутентификации пользователя из API: 

public function profile()
    {
        //
        return auth('api')->user();
    }

В маршрутах по API. php записываемый файл this: 

Route::get('profile', 'API\UserController@profile');

И в профиле. vue страница У меня есть информация о тезисах: 

<script>
 import Form from 'vform';
    export default {
        data(){
            return {
              form: new Form({
              id : '',
              name : '',
              email : '',
              password : '',
              type : '',
              bio : '',
              photo : ''
            })
            }
        },
        mounted() {
            console.log('Component mounted.')
        },

        created() {
            // affichage des informations de l'utilisateur connecté sur le formulaire
            axios.get("./api/profile")
            .then(({ data }) => (this.form.fill(data)));
        }
    }
</script>

Я хочу отобразить информацию о текущем пользователе в полях формы для примера: 

<div class="form-group row">
     <label for="name" class="col-sm-2 control-label">Nom</label>
          <div class="col-sm-12">
               <input v-model="form.name" type="text" class="form-control" id="name" name="name" placeholder="Nom">
          </div>
</div>

Я использую Laravel v7.6.2 и vuejs 2

Спасибо.

1 Ответ

0 голосов
/ 21 апреля 2020

Код, который вы нам показываете, уже должен работать нормально. Метод fill из vform правильно заполнит форму с выбранными данными.

Вам нужно только добавить различные входные данные, используя соответствующую директиву v-модели в шаблоне формы.

...