Vuejs image src динамическая загрузка не работает

Question

Я только начал использовать Vue.js и Vue CLI, и у меня возникла проблема, я не понимаю, почему я не могу установить изображение динамически из области видимости, но я могу сделать это, записав его непосредственно в HTML,obj.img также является строкой со значением @/assets/logo.png.У меня есть тайм-аут при фальсификации вызова ajax, но браузер не разрешает правильно маршруты для изображения.

<div slot="media">
        <img :src="obj.img"> <!-- http://localhost:8080/@/assets/logo.png -->
        <img src="@/assets/logo.png"> <!-- http://localhost:8080/img/logo.82b9c7a5.png -->
</div>

Кроме того, почему маршруты разные?Есть идеи?

Answer 1

Таким образом, реальное исправление будет следующим:

:src="getImage(obj.img)"

getImage(path) {
  return require(path)
}

Подробнее об этом можно прочитать в этом ответе Эвана, создателя Vue