如何在 vuejs 的 Owl carsoule 插件循环中制作多图像

Question

我在vuejs中使用了Owl carousel的插件，但是第一个img只出现我用过这个插件 https://vuejsexamples.com/vue-component-for-owl-carousel-2/

<carousel autoplay= true  :nav= false :margin=1 :items=3 :autoWidth='false' :loop="false" >

    <template slot="prev"><span class="prev"><i class="fas fa-chevron-left"></i></span></template>

    <div class="item"><img src="../assets/imgs/header.jpg"></div>
    <div class="item"><img src="../assets/imgs/header.jpg"></div>
    <div class="item"><img src="../assets/imgs/header.jpg"></div>

    <template slot="next"><span class="next"><i class="fas fa-chevron-right"></i></span></template>

</carousel>

Answer 1

这样调试比较麻烦。创建一个 fiddle 以便我们更好地帮助您。

Answer 2

我遇到了问题，我将父 div 的方向设置为 rtl，所以它不起作用

如何在 vuejs 的 Owl carsoule 插件循环中制作多图像

How making multi images in Owl carsoule plugin loop in vuejs

carousel

vue.js