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

如何解决带有 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创建对象的时候。