vue-awesome-swiper ,swiper内的滚动元素

2020-05-12  本文已影响0人  阿克兰

在项目中,滑块无法拖动

 <swiper :options="swiperOption" style="height: 100vh;"  ref="mySwiper" id="mySwipercontainer">
                        <swiper-slide class="one">
                              <div>
                                    这是一个可以拖拽的滑块
                                </div>
                        </swiper-slide>
 </swiper>

class="swiper-no-swiping"
只需要添加class="swiper-no-swiping"就可以了,禁止swiper 手动拖动
<swiper :options="swiperOption" style="height: 100vh;" class="swiper-no-swiping" ref="mySwiper" id="mySwipercontainer">
<swiper-slide class="one">
<div>
这是一个可以拖拽的滑块
</div>
</swiper-slide>
</swiper>

上一篇 下一篇

猜你喜欢

热点阅读