title: VueJS with bootsrap carousel how to pass images to the carousel
body: <p>My requirement is something like this.</p>
  
  <ol>
  <li>I got the list of images from the back-end.</li>
  <li>I want to pass those image names to the <strong>carousel</strong> to display images.</li>
  </ol>
  
  <p>This is my code.</p>
  
  <pre><code>&lt;template&gt;
    &lt;div class=""&gt;
      &lt;div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel"&gt;
    &lt;div class="carousel-inner"&gt;
  
      &lt;div class="carousel-item active" v-for="banner in banners"&gt;
        &lt;img :src="`./assets/${banner}`" alt=""  class="img-fluid"   &gt;
  
      &lt;/div&gt;
  
    &lt;/div&gt;
  &lt;/div&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  
  &lt;script&gt;
  
  export default {
    name: 'app',
    data () {
      return {
        banners:["logo.png","index.png","Capture.png"]
      }
    },
    methods:{
  
    }
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>But this method doesn't work. How do I pass images to my <strong>carousel</strong> element?</p>