currently I'm creatting one component using Carousel With indicators

currently the first image is showing but the other images are not showing, the slider is not working too.

Why? what I'm doing wrong?

here is the code codesandbox

CodePudding user response：

According to the documentation, there must be strictly nesting of elements .carousel-inner > .carousel-item.

You should try this:

<div >
  <div v-for="(image, index) in images" :key="index" :>
      <img  :src="image" :alt="image.name" />
  </div>
</div>