Vue Bootstrap img не отображается из папки активов - PullRequest
0 голосов
/ 26 августа 2018

Я пытаюсь отобразить изображение, подобное тому, что сделано в этом уроке https://bootstrap -vue.js.org / docs / components / image /

Вот мой код

<template>
 <b-container fluid class="p-4 bg-dark">
 <b-row>
 <b-col>
  <b-img rounded="circle" thumbnail fluid src="require('../assets/sweetcart.jpg')" alt="Thumbnail" />
</b-col>
<b-col>
  <b-img rounded="circle" thumbnail fluid src="https://picsum.photos/250/250/?image=58" alt="Thumbnail" />
</b-col>
<b-col>
  <b-img rounded="circle" thumbnail fluid src="https://picsum.photos/250/250/?image=59" alt="Thumbnail" />
</b-col>
</b-row>
</b-container>
</template>

Вот моя файловая структура, хотя я уверен, что путь к файлу изображения правильный, так как я смог отобразить изображение в его собственном теге div, проблема, похоже, связана с загрузкой?

File Structure

Я работаю с файлом Home.vue.

Спасибо за любую помощь!

1 Ответ

0 голосов
/ 26 августа 2018

Мне удалось это исправить, поместив изображение в статическую папку вместо папки активов.

Мне все еще интересно, почему это не будет работать в папке ресурсов?

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

https://github.com/vuejs/Discussion/issues/202

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...