0

Всем привет.
Есть такой код:

<script>
      import axios from 'axios';


    export default {

      data: function(){
        return{

          db2: [],

        }

      },

    mounted() {
        axios.get("http://seo-gmbh.eu/kurjer/tables.php")
          .then(function (response) {
            console.clear();
            this.db2 = response.data;
          })
          .catch(function (error) {
            console.log(error);
          });
      },

    };
</script>

Вопрос:
Почему мне не удается засунуть response.data в переменную(св-во) "db2"?

2 ответа 2

1

Потому что вы не используете стрелочные функции. В данном случае this ссылается на функцию, а не на объект vue.

Попробуйте переписать mounted() таким образом:

axios.get("http://seo-gmbh.eu/kurjer/tables.php")
          .then(response => {
            console.clear();
            this.db2 = response.data;
          })
          .catch(error => {
            console.log(error);
          });
13
  • Здорово. Работает. А если мне необходимо генерировать елементы(HTML) из данных которые я получаю вышеописанным способом - то как лучше всего поступить? если пробовать прямо вот как есть то у меня ошибка происходит. Как я понимаю из за того что елементы уже пытаются генерится до того как данные из сервера получены. Пробовал разные хуки жизненного цикла прописывать - ничего не помагает. 30 июн 2018 в 22:27
  • И еще вопрос: Если я хочу данные получить сразу из нескольких страниц на сервере - то как это лучше всего сделать с точки зрения подхода? 30 июн 2018 в 22:32
  • По поводу элементов - очень расплывчато, зависит от компонентов, которые хотите делать. Но имея данные в data, вы уже можете их интерпретировать так, как вы хотите. Если это массив, то через тот же v-for их выводить и т.д., почитайте доки, очень хорошо же все описано 30 июн 2018 в 22:41
  • 1
    По поводу получения данных с нескольких страниц - просто несколько http запросов делать. 30 июн 2018 в 22:42
  • Пример который не работает: Берем его и тот ответ, что вы уже скинули - выдается ошибка. _vm.db2.type_of_car is undefined <ul class="ul_2_car_property"> <li class="li_2" v-for="(value, key) in db2.type_of_car[0]"> <div class="param"> <span class="head"> {{key}} </span> <span class="description"> {{value}} </span> </div> <!-- <div class="param"> end --> </li> </ul> <!-- <ul class="ul_2_car_property"> end --> 30 июн 2018 в 22:52
1

this это всегда объект, на котором вызывается метод. Передавая метод в then, вы его не вызываете! Метод будет храниться где-нибудь и вызывается оттуда позже. Если вы хотите сохранить это, вам нужно будет сделать это следующим образом:

.then(response => {
  console.clear();
  this.db2 = response.data;
})

Если вы используете версию ниже ES2015:

var that = this;


<тут запрос>.then(response => {
  console.clear();
  that.db2 = response.data;
})

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.