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

沃梦达教程前端问题

2022-01-01

How do I include image in BootstrapVue carousel?(如何在 BootstrapVue 轮播中包含图像?)

本文介绍了如何在 BootstrapVue 轮播中包含图像?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

I am trying to add an image to the img-src="Ijwvc3Ryb25nPiBhdHRyaWJ1dGUgb2YgYi1jYXJvdXNlbCBpbiBCb29zdHJhcFZ1ZS4gVGhlIGltYWdlIGlzIGN1cnJlbnRseSBzYXZlZCBpbiB0aGUgYXNzZXQgZm9sZGVyLjwvcD4KCjxwPjwvcD48ZGl2IGNsYXNzPQ=="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">

<b-carousel-slide img-src="Li4vYXNzZXRzL2xpZmUuanBn"> <h1>Hello world!</h1> </b-carousel-slide>

I have added Find below images of the result:

I am certain the images are correctly saved in the right location:
解决方案
If using a loader with webpack (i.e. vue-loader, url-loader, etc), you need to ensure that the loader knows that img-src accepts a URL.

See the docs on information on how to tell the loaders to handle URL props on custom components: https://bootstrap-vue.js.org/docs/reference/images (specifically Vue Loader transformAssetUrls)

这篇关于如何在 BootstrapVue 轮播中包含图像?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！

沃梦达教程

本文标题为：如何在 BootstrapVue 轮播中包含图像?