如何在BootstrapVue轮播中添加图片？

时间：2019-10-18 19:06:16

标签： javascript vue.js vue-component vue-cli bootstrap-vue

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

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

enter image description here

我添加了 查找以下结果图： enter image description here

我确定图像已正确保存在正确的位置： enter image description here

1 个答案:

答案 0 :(得分：2)

如果将加载程序与webpack一起使用（即vue-loader，url-loader等），则需要确保该加载程序知道<filesystem>接受URL。

有关如何告诉加载程序处理自定义组件上的URL道具的信息，请参阅文档：https://bootstrap-vue.js.org/docs/reference/images（特别是Vue Loader img-src）

相关问题
最新问题