1

Вот часть кода из компонента Vue в проекте Laravel:

<script>
export default {

data() {
  return {
      item: {
          id: ''
      },
      api: ''
  }
},
methods: {
 getItem() {
    this.api = 'https://api.themoviedb.org/3/movie/1?api_key=MY_API_KEY';

    $.getJSON(this.api)
        .done(function(received_data) {

          this.item = received_data;

        });
  }
 }
}
</script>

Цель - сохранить инфу, полученную через api в переменной item. Однако THIS внутри getJSON не относится к объекту Vue. Как обратиться к нему в таком случае? То есть что использовать вместо this.item ?

3
  • 2
    можно заменить функцию на стрелочную функцию
    – diralik
    26 ноя 2017 в 0:15
  • 1
    и ещё почему вы пишите на таком модном фреймворке и используете такой не модный jQuery, и ещё возможно вы не хотели свой api_key всем показывать
    – diralik
    26 ноя 2017 в 0:20
  • Спасибо за наводку. Модный Vue я только начал изучать и Laravel тоже. 26 ноя 2017 в 10:22

1 ответ 1

0

Я просто сделал ссылку на this таким образом:

showMovie(movieId)
        {
        this.api_with_movie_id = 'https://api.themoviedb.org/3/movie/1?api_key=MY_API_KEY';

            var self = this;

            $.getJSON(this.api)
                    .done(function(received_data) {

                        self.item= received_data;

                        });
        }
1
  • но лучше бы заменили на стрелочную функцию :)
    – diralik
    9 дек 2017 в 20:20

Ваш ответ

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

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