title: Vue-Owl-Carousel not working when using Loop
body: <p>Vue-Owl-Carousel workign fine using the basic model :</p>
  
  <pre><code>&lt;carousel&gt;
    &lt;img src="https://placeimg.com/200/200/any?1"&gt;
    &lt;img src="https://placeimg.com/200/200/any?2"&gt;
    &lt;img src="https://placeimg.com/200/200/any?3"&gt;
    &lt;img src="https://placeimg.com/200/200/any?4"&gt;
  &lt;/carousel&gt;
  </code></pre>
  
  <p>But when i use a loop on  , the Carousel broke and shows all slides in column.</p>
  
  <pre><code>&lt;carousel&gt; // Not Working
   &lt;img v-for="slide in slides" :src="getslide(slide)"&gt;
  &lt;/carousel&gt;
  
  &lt;carousel&gt; // Not Working
   &lt;template  v-for="slide in slides"&gt;&lt;img :src="getslide(slide)"&gt;&lt;/template&gt;
  &lt;/carousel&gt;
  
  &lt;carousel&gt; // Not Working, the error is with v-for..
  &lt;img v-for="slide in slides" src="/slide.png"&gt;
  &lt;/carousel&gt;
  </code></pre>
  
  <p>Thank you if you can help. </p>