当我动态旋转时，我的猫头鹰轮播会垂直

Question

我的猫头鹰传送带也可以工作，但是当我尝试通过v用vuejs对其进行动态处理时，因为它是垂直的，并且每个项目占用了整个页面，我该如何解决？ 我的变量已装入并且已满载，并且工作正常，但是当我在轮播中使用它时，它将出错

<div class="slider">
  <div class="owl-carousel owl-theme an_app" id="slider">
    <div v-for="lastestjob in lastestjobs" class="part-contain">
      <a href="#">
        <div class="show-box">
          <div class="back-img-box">
            <img src="images/pic.png" alt="">
          </div>
          <div class="text-box">blablabla</div>
          <div class="prof-img-box">
            <img src="images/star.png" alt="">
          </div>
          <div class="header-box">39</div>
        </div>
      </a>
    </div>
  </div>
</div>

<script type="text/javascript">

$(document).ready(function() {
    $("#slider").owlCarousel({
        margin: 10,
        items: 4,
        nav: true,
        loop: false,
        rtl: true,
        responsive: {
            0: {
                items: 1
            },
            300: {
                items: 1
            },
            415: {
                items: 1
            },
            576: {
                items: 2
            },
            767: {
                items: 3
            },
            991: {
                items: 4
            },
            1200: {
                items: 5
            }
        }
    });
});

</script>