javascript - 如何在 BootstrapVue 轮播中包含图像？

Question

我正在尝试将图像添加到 BoostrapVue 中 b-carousel 的 img-src="" 属性。该图像当前保存在资源文件夹中。

  <b-carousel-slide img-src="../assets/life.jpg">
        <h1>Hello world!</h1>
      </b-carousel-slide>

我已经添加了找到下面的结果图像:

我确定图像已正确保存在正确的位置:

Answer 1

如果使用带有 webpack 的加载器(即 vue-loader、url-loader 等)，您需要确保加载器知道 img-src 接受 URL。

有关如何告诉加载程序处理自定义组件上的 URL 属性的信息，请参阅文档:https://bootstrap-vue.js.org/docs/reference/images (特别是 Vue Loader transformAssetUrls)