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

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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