Как вызвать метод async в vuejs после загрузки изображений (без jquery) - PullRequest
Новая
       4

Как вызвать метод async в vuejs после загрузки изображений (без jquery)

1 голос
/ 24 сентября 2019

Я получаю динамические изображения через API и хочу выполнить метод после их получения.

Как узнать, когда изображения загружены, а затем выполнить метод?

В настоящее время я 'Я использую функцию задержки для обращения к методу, но это нечисто и может вызвать проблемы с сотнями изображений (например, при медленном интернет-соединении - установка задержки на двадцать секунд не имеет смысла). 

getResult(query) {
  axios(
    "https://images-api.nasa.gov/search?q=" + query + "&media_type=image"
   )
   .then(response => {
     this.results = response.data.collection.items;
       delay(() => {
         this.getImgInformations();
       }, 1200);
      })
   .finally(() => {
      this.loading = false;
    });
  },
getImgInformations() {
  // do some stuff, after images are loaded
}

Если загрузка изображений еще не закончена, ваш собственный расчет будет выведен с «Бесконечностью».

Но довольно тривиально, моя цель - эффективно решить эту функцию.

Я все еще любитель Javascript.

Я думаю, с помощью async / await Я найду решение.

...