Изображение не отображается в vue и vue bootstrap - PullRequest
Новая
       22

Изображение не отображается в vue и vue bootstrap

0 голосов
/ 27 февраля 2020

Я хочу получить изображение из папки активов в vue, и я использую vue bootstrap

Вот мой код: 

<b-card title="Title" img-src='@assets/profile.jpg' img-alt="Image" img-top>
  <b-card-text>
    This is a wider card with supporting text below as a natural lead-in to additional content.
    This content is a little bit longer.
  </b-card-text>
  <template v-slot:footer>
    <small class="text-muted">Last updated 3 mins ago</small>
  </template>
</b-card>

Вот мой hirarcy

Но это не работает. Кто-нибудь может мне помочь?

1 Ответ

0 голосов
/ 27 февраля 2020

Чтобы использовать относительные пути для различных img (в данном случае img-src) компонентов bootstrap - vue, необходимо настроить vue-loader, как описано в документации здесь .

Это должно решить проблему, с которой вы столкнулись.

Если вы не можете установить transformAssetUrls для vue-loader, вы можете require в качестве альтернативы. 

<b-card :img-src="require('../static/picture.jpg')"></b-card>
...