Vue JS Установить данные после вызова AJAX - PullRequest
Новая
       34

Vue JS Установить данные после вызова AJAX

0 голосов
/ 25 июня 2018

У меня есть место для отображения информации о пользователе, когда страница обновляется, я читаю информацию о пользователе из вызова ajax и устанавливаю информацию о пользователе data.but из-за трудоемкого процесса вызова axios. Настройка данных выполняется после рендеринга DOM.

HTML: 

<div> {{user.name}} </div>

vue.js: 

data: function(){
 return {
   user: {},
   }
},

methods: { 

getUserInfo() {
   axios.post(laroute.route('link'), data).then((response) => {
      this.$set(this, 'user', response.data.user);
        },
 },

 mounted() {

        this.getUserInfo();
    }

после обновления страницы я получил эту ошибку: 

"TypeError: Cannot read property 'name' of undefined"

1 Ответ

0 голосов
/ 25 июня 2018

Не могу добавить комментарий.Вы можете попробовать изменить:

, смонтированный для созданного и this. $ Set (this, 'user', response.data.user);для пользователя = response.data.user

В любом случае, вы можете console.log результат вызова?

...