將旋轉木馬箭頭放在Vue真棒滑塊中的外面

Question

我將Vue-awesome-slider用作輪播庫，並希望將滑動箭頭放置在輪播主體外部。 但是由於輪播容器已隱藏，所以我無法將其放置在輪播之外。

https://github.com/surmon-china/vue-awesome-swiper

Answer 1

只需將按鈕元素移到刷卡器容器外部即可。

<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>