美文网首页
vue-awesome-swiper ,swiper内的滚动元素

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

作者: 阿克兰 | 来源:发表于2020-05-12 10:49 被阅读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>

相关文章

网友评论

      本文标题:vue-awesome-swiper ,swiper内的滚动元素

      本文链接:https://www.haomeiwen.com/subject/nvpbbhtx.html