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

Question

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

  <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 props 的信息，请参阅文档：https://bootstrap-vue.js.org/docs/reference/images（特别是 Vue Loader transformAssetUrls）