带有 vue 的猫头鹰轮播:图像不水平显示

问题描述

我正在使用带有 laravel 和 vue.js 的 owl carousel。一切正常。当我循环图像时出现问题。循环使用 axios 创建的对象完成,如下所示。

   <div class="owl-carousel owl-courses owl-theme">    
    <div class="item front-carousel-item" v-for="item in lastVideos">
     <img :src="item.thumbNail" alt="">
     </div>    
     </div>

在这种情况下,图像不会水平列出,而是以其原始大小和垂直显示,而向前和向后的猫头鹰轮播按钮不起作用。

另一方面,如果我使用静态创建的带有图像的对象,则循环可以正常工作并且我没有任何问题。问题出现在我用axios创建对象的时候。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)