Блог

Главная - Вопросы по программированию - Динамический рендеринг URL-изображения из api

Динамический рендеринг URL-изображения из api

#vue.js

#vue.js

Вопрос:

Я совершенно новичок в vuejs, поэтому я делаю что-то не так, но я этого не вижу

У меня есть способ получить URL-адрес изображения

 getImage(url) {
      url = url.replace(/^http:///i, 'https://');
      this.$http.get(`${url}api`).then((response) => {
        return response;
      }).catch( error => { console.log(error); });
    }

И затем я пытаюсь показать его в шаблоне, например:

 <img :src="getImageForInstance(service)" class="pull-left">

но ничего не происходит, и я не вижу никакого изображения.

Как я могу это исправить?

Комментарии:

1. Советы по устранению неполадок: Попробуйте установить точку останова в return response; строке в инструментах разработчика браузера, чтобы убедиться, что ответ содержит URL-адрес изображения. Затем введите этот URL-адрес непосредственно в браузер, чтобы убедиться, что он действительно возвращает изображение, которое, по вашему мнению, оно делает.

2. Пожалуйста, предоставьте код для getImageForInstance() и службы.

Метки: