将走马灯/导航箭头放在vue-awesome-slider之外

Question

我正在使用Vue-awesome-slider作为轮播库，并想将滑动箭头放置在轮播体外。但由于轮播容器具有溢出隐藏功能，因此我无法将其放置在轮播之外。

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

- Arpit

---

我知道回答这个问题已经太晚了。但是当时我在寻找答案时没有找到解决方案，所以我还是发表了我的答案。根据我的研究，我在下面添加了我的答案。 - Hasini Silva

Answer 1

只需将以下内容添加到swiperOptions中：navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' }

- Анатолий

Answer 2

只需将按钮元素移出swiper-container即可。

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

- Vladimir Barkasov

---

你有没有尝试过这个？这个不起作用，请确保在发布之前先尝试解决方案。 - Hasini Silva