Vue.js 将旋转木马/导航箭头放置在vue滑块外部

我使用Vue awesome slider作为旋转木马库，并希望将滑动箭头放置在旋转木马主体之外。但由于转盘容器隐藏了溢出，我无法将其放置在转盘外部

---

只需将buttons元素移出swiper容器即可

<div>
  <swiper :options="swiperOption">
    <swiper-slide>I'm Slide 1</swiper-slide>
    <swiper-slide>I'm Slide 2</swiper-slide>
    <swiper-slide>I'm Slide 3</swiper-slide>
    <swiper-slide>I'm Slide 4</swiper-slide>
  </swiper>
  <div class="swiper-button-prev" slot="button-prev"></div>
  <div class="swiper-button-next" slot="button-next"></div>
</div>

只需添加到swiperOptions

---

导航：{nextEl:'.swiper button prev'，prevEl:'.swiper button next'，}

您尝试过这个吗？这不起作用，请确保在发布之前先尝试解决方案。我知道现在回答这个问题已经太迟了。但是我在寻找答案的时候放了我的答案，却找不到答案。作为我所做的研究，我在下面补充了我的答案