Как динамически задать URL-адрес атрибута img src из вызова службы axios в Vue JS

#vuejs2 #vue-component

Вопрос:

Я работаю над требованием, в котором я планировал динамически устанавливать URL-адрес при загрузке компонента. У меня есть тег, в котором атрибут src будет установлен из вызова службы, который вернет изображение. Если изображения нет, мне нужно установить резервный образ. Как я могу с этим справиться?

Изображение в формате двоичного кода(.png) изображение

Ответ №1:

У меня была похожая проблема. Это мое решение :

1)Для изображения вы устанавливаете динамический src, как это :

< img :src=»изображение» >

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

Data() { возвращает { изображение : «путь», } }

  1. Вы предварительно загружаете изображение по умолчанию в свой основной html-файл, вот так :

< ссылка rel=»предварительная загрузка» тип=»изображение» или тип=»img/png» href=»путь» >

  1. Чтобы изменить изображение на изображение в вызове axios, просто напишите :

этот. изображение = messageImg

Я надеюсь, что это поможет.