I can’t load an image in the 'b-Carousel-slide' with bootstrap-Vue, when I try to grab the internal image of the project it does not load

Asked

Viewed 18 times

0

<b-carousel
    id="carousel-fade"
    style="text-shadow: 0px 0px 2px #000"
    fade
    indicators
    img-width="1024"
    img-height="480"
  >
    <b-carousel-slide
      caption="First slide"

     // não carrega a imagem, o caminho está correto`insira o código aqui`
      img-src="../assets/logo.png"

    ></b-carousel-slide>
    <b-carousel-slide
      caption="Second Slide"
      // aqui a imagem carrega sem problemas
      img-src="https://picsum.photos/1024/480/?image=12"
    ></b-carousel-slide>
    <b-carousel-slide
      caption="Third Slide"
      img-src="https://picsum.photos/1024/480/?image=22"
    ></b-carousel-slide>
  </b-carousel>
  </div>
</template>

<script>

</script>

<style>

</style>
vue.js

  • This answer can help you? Although she talk about video file, the same goes for image clips. Basically it says we can’t upload images directly as ../assets/logo.png. Analyze the answer to see if it helps.

No answers

Browser other questions tagged vue.js

You are not signed in. Login or sign up in order to post.