我正在尝试将图像添加到 BoostrapVue 中 b-carousel 的 img-src="" 属性。该图像当前保存在资源文件夹中。
<b-carousel-slide img-src="../assets/life.jpg">
<h1>Hello world!</h1>
</b-carousel-slide> 
我已经添加了
找到下面的结果图像:
我确定图像已正确保存在正确的位置:
最佳答案
如果使用带有 webpack 的加载器(即 vue-loader、url-loader 等)，您需要确保加载器知道 img-src 接受 URL。
有关如何告诉加载程序处理自定义组件上的 URL 属性的信息，请参阅文档:https://bootstrap-vue.js.org/docs/reference/images (特别是 Vue Loader transformAssetUrls)
关于javascript - 如何在 BootstrapVue 轮播中包含图像？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/58456815/