vue开发webAPP使用swiper遇到的问题

前言:最近基于vue2.0版本框架开发一款webAPP项目,由于项目需求所以使用swiper来完成一些特定的功能(如轮播图、滑动功能等),此文章用来记录使用过程中遇到的一些问题

一:vue中引入并使用swiper来做轮播图,数据由请求后端获得,实现自动轮询播放。完成之后发现点击轮播图或者手动滑动轮播图之后自动轮询功能失效了。下面贴上解决的方法

HTML结构


利用延时定时器开启swiper,红色标注区域一定要配置好


最后在mount而中使用即可

二:做一个水平滑动的功能,结果滑动页面中的空白区域整个页面也会滑动

解决方法:直接上图了

在indexindex.html中直接写入该图所展示的style即可

你可能感兴趣的:(vue开发webAPP使用swiper遇到的问题)