javascript - swiper图片无法划动

问题描述

问 题

题主是用vue写的 因为没有请求的数据就造了些假数据:

这是动态生成的img标签

然后再页面上使用:

但打开chrome看一下效果发现这个不能划动,只能看到初始的那张照片

动态生成的img也是正确 结构如下 但为什么不能划动呢

而且奇怪的是题主把动态生成的img标签换成3个‘ <div class="swiper-slide">Slide 1</div>
’ 也是不能划动 我看swiper官方文档上也没有额外的划动方法，请问我这个是哪里出了问题呢

解决方案

事件可能没有绑定上，你试试把new swiper放在mounted 生命周期里试试，还有就是用vue-swiper别人封装好的了

这篇关于javascript - swiper图片无法划动的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！